/* ============================================================================
   minecraft.fr — Kit des fiches potions ([potion_kit]) — style inventaire MC,
   même palette GUI que le brasseur (brasserie.css). Suit html[data-theme="dark"].
   Anti-Extra : boutons, liens, images et titres blindés !important + #content-area.
   ============================================================================ */
.mcfr-pk{
  --gui:#C6C6C6;--gui-hi:#FFFFFF;--gui-lo:#555555;--slot:#8B8B8B;--slot-hi:#FFFFFF;
  --slot-lo:#373737;--gui-text:#3A3A3A;--gui-soft:rgba(0,0,0,.06);
  background:var(--gui);border:4px solid;border-color:var(--gui-hi) var(--gui-lo) var(--gui-lo) var(--gui-hi);
  padding:16px;margin:24px 0;color:var(--gui-text);line-height:1.45;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);font-size:14px
}
html[data-theme="dark"] .mcfr-pk{
  --gui:#2B2F33;--gui-hi:#3E454B;--gui-lo:#0E1113;--slot:#15191C;--slot-hi:#3A424A;
  --slot-lo:#000000;--gui-text:#C7D3CF;--gui-soft:rgba(0,0,0,.25)
}
.mcfr-pk *{box-sizing:border-box}
#content-area .mcfr-pk img{image-rendering:pixelated;margin:0!important;max-width:none;box-shadow:none!important;border:0!important}
.mcfr-pk .mini{font-size:11px;opacity:.75}
.mcfr-pk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#content-area .mcfr-pk .mcfr-pk-h{font-family:var(--mc-display,"Space Grotesk",sans-serif)!important;font-weight:700!important;font-size:16px!important;line-height:1.25!important;color:var(--gui-text)!important;margin:0 auto 0 0!important;padding:0!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
#content-area .mcfr-pk h2.mcfr-pk-h{font-size:17px!important}
#content-area .mcfr-pk h2.mcfr-pk-h::before,#content-area .mcfr-pk h2.mcfr-pk-h::after{display:none!important}
.mcfr-pk-badge{font-family:var(--mc-display);font-weight:700;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#06231E;background:var(--mc-tq-l,#34CBB2);padding:4px 8px}
.mcfr-pk-slot{background:var(--slot);border:3px solid;border-color:var(--slot-lo) var(--slot-hi) var(--slot-hi) var(--slot-lo);display:grid;place-items:center;position:relative}
#content-area .mcfr-pk-slot img{width:78%!important;height:78%!important}

/* boutons */
#content-area .mcfr-pk button{font-family:var(--mc-display,"Space Grotesk",sans-serif)!important;font-weight:700!important;font-size:12px!important;line-height:1.2!important;padding:6px 11px!important;margin:0!important;cursor:pointer;border:3px solid!important;border-color:var(--gui-hi) var(--gui-lo) var(--gui-lo) var(--gui-hi)!important;border-radius:0!important;background:var(--slot)!important;color:var(--gui-text)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:6px;min-height:0!important}
#content-area .mcfr-pk button:hover{filter:brightness(1.12)}
#content-area .mcfr-pk .mcfr-pk-seg button.on{background:var(--mc-tq,#1AA995)!important;color:#06231E!important;border-color:var(--mc-tq-l,#34CBB2) var(--mc-tq-d,#11796A) var(--mc-tq-d,#11796A) var(--mc-tq-l,#34CBB2)!important}
#content-area .mcfr-pk .mcfr-pk-seg button img{width:18px!important;height:18px!important}
#content-area .mcfr-pk .mcfr-pk-presets button{font-size:10.5px!important;padding:3px 7px!important}
.mcfr-pk button:focus-visible,.mcfr-pk [tabindex]:focus-visible,.mcfr-pk a:focus-visible,.mcfr-pk input:focus-visible{outline:2px solid var(--mc-tq,#1AA995);outline-offset:2px}

/* liens masqués */
.mcfr-pk-ol{cursor:pointer}
.mcfr-pk-ol.txt{text-decoration:underline;text-decoration-color:var(--mc-tq,#1AA995);text-decoration-thickness:2px;text-underline-offset:2px}
.mcfr-pk-ol.txt:hover{color:var(--mc-tq-d,#11796A)}
html[data-theme="dark"] .mcfr-pk-ol.txt:hover{color:var(--mc-tq-l,#34CBB2)}

/* 1. En bref */
.mcfr-pk-id{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
@media(max-width:560px){.mcfr-pk-id{grid-template-columns:1fr}}
.mcfr-pk-forms{display:flex;gap:6px}
.mcfr-pk-forms figure{margin:0!important;text-align:center;font-family:var(--mc-display);font-weight:600;font-size:10.5px}
.mcfr-pk-forms .mcfr-pk-slot{width:56px;height:56px}
.mcfr-pk-forms figcaption{margin-top:3px;color:var(--gui-text)}
/* La fiche peut être une PAGE (page.css : body.page .post-content p/li 15,5 px !important) ou un article
   (article.css : exclu via .mcfr-pk *). On reprend la main sur p/li dans les deux cas. */
#content-area .mcfr-pk p,#content-area .mcfr-pk li{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:var(--gui-text)!important}
#content-area .mcfr-pk p{margin:0 0 8px!important}
#content-area .mcfr-pk p.mini{font-size:11px!important}
#content-area .mcfr-pk .mcfr-pk-eff{font-size:14px!important}
#content-area .mcfr-pk .mcfr-pk-facts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px!important}
.mcfr-pk-facts b{font-family:var(--mc-display)}
#content-area .mcfr-pk table.mcfr-pk-dur{width:100%;border-collapse:collapse!important;border:0!important;font-size:13px;background:var(--gui-soft);margin:0 0 8px!important}
#content-area .mcfr-pk-dur th,#content-area .mcfr-pk-dur td{border:0!important;background:none!important;color:var(--gui-text)!important;padding:6px 9px!important;text-align:left}
#content-area .mcfr-pk-dur th{font-family:var(--mc-display);font-weight:700;font-size:10px;text-transform:uppercase;opacity:.7}
#content-area .mcfr-pk-dur td{border-top:2px solid var(--gui-lo)!important;font-variant-numeric:tabular-nums}
#content-area .mcfr-pk-dur th:not(:first-child),#content-area .mcfr-pk-dur td:not(:first-child){text-align:right}
#content-area .mcfr-pk-dur td:not(:first-child){font-family:var(--mc-display);font-weight:700}
#content-area .mcfr-pk .mcfr-pk-note{font-size:11.5px!important;opacity:.85;margin:0!important}

/* 2. Calculateur */
.mcfr-pk-ctrl{display:grid;grid-template-columns:repeat(3,auto);gap:12px 18px;align-items:end;justify-content:start}
@media(max-width:700px){.mcfr-pk-ctrl{grid-template-columns:1fr}}
.mcfr-pk-lbl{display:block;font-family:var(--mc-display);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:5px}
.mcfr-pk-seg{display:flex;flex-wrap:wrap}
.mcfr-pk-qty{display:flex;align-items:stretch}
#content-area .mcfr-pk-qty button{width:34px;justify-content:center}
#content-area .mcfr-pk-qty input{width:64px!important;height:auto!important;margin:0!important;padding:2px!important;text-align:center;font-family:var(--mc-display);font-weight:700;font-size:16px!important;border:3px solid!important;border-color:var(--slot-lo) var(--slot-hi) var(--slot-hi) var(--slot-lo)!important;border-radius:0!important;background:var(--slot)!important;color:var(--gui-text)!important;box-shadow:none!important;-moz-appearance:textfield}
.mcfr-pk-qty input::-webkit-outer-spin-button,.mcfr-pk-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mcfr-pk-presets{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.mcfr-pk-res{margin-top:16px;display:grid;grid-template-columns:1fr 250px;gap:16px;align-items:start}
@media(max-width:700px){.mcfr-pk-res{grid-template-columns:1fr}}
#content-area .mcfr-pk ul.mcfr-pk-shop{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:6px}
#content-area .mcfr-pk .mcfr-pk-shop li{list-style:none!important;margin:0!important;display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px!important;background:var(--gui-soft);font-size:13px!important;line-height:1.3!important;cursor:pointer;user-select:none;color:var(--gui-text)}
#content-area .mcfr-pk-shop li::before{display:none!important;content:none!important}
.mcfr-pk-shop li .mcfr-pk-slot{width:40px;height:40px;flex:0 0 auto}
.mcfr-pk-shop li .n{position:absolute;right:1px;bottom:-1px;font-family:var(--mc-display);font-weight:700;font-size:13px;line-height:1;color:#fff;text-shadow:2px 2px 0 #3f3f3f}
.mcfr-pk-shop li .t{flex:1;min-width:0;line-height:1.25}
.mcfr-pk-shop li .t small{display:block;font-size:10.5px;opacity:.7}
.mcfr-pk-shop li .ck{width:18px;height:18px;flex:0 0 auto;border:3px solid;border-color:var(--slot-lo) var(--slot-hi) var(--slot-hi) var(--slot-lo);background:var(--slot);display:grid;place-items:center}
.mcfr-pk-shop li.done{opacity:.5}.mcfr-pk-shop li.done .t{text-decoration:line-through}
.mcfr-pk-shop li.done .ck::after{content:"";width:8px;height:8px;background:var(--mc-tq,#1AA995)}
#content-area .mcfr-pk .mcfr-pk-shop li.sep{grid-column:1/-1;font-family:var(--mc-display)!important;font-weight:700;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.04em;opacity:.7;background:none;padding:6px 0 0!important;cursor:default}
.mcfr-pk-sum{background:var(--gui-soft);padding:12px;font-size:13px}
.mcfr-pk-sum .big{font-family:var(--mc-display);font-weight:700;font-size:26px;line-height:1.1}
#content-area .mcfr-pk-sum ol{margin:4px 0 0!important;padding-left:18px!important;font-size:12.5px;color:var(--gui-text)}
#content-area .mcfr-pk .mcfr-pk-sum ol li{margin:0!important;font-size:12.5px!important;line-height:1.4!important}
.mcfr-pk-sum .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mcfr-pk-sum .toast{font-size:11.5px;margin-top:6px;min-height:1em;color:var(--mc-tq-d,#11796A)}
html[data-theme="dark"] .mcfr-pk-sum .toast{color:var(--mc-tq-l,#34CBB2)}

/* 3. Toutes les potions (liens neutralisés contre le style éditorial d'Extra) */
.mcfr-pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}
#content-area .mcfr-pk-grid a,#content-area .mcfr-pk-grid .mcfr-pk-ol,#content-area .mcfr-pk-grid .cur{display:flex!important;align-items:center;gap:7px;padding:4px 8px 4px 4px!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;color:var(--gui-text)!important;text-decoration:none!important;background:var(--gui-soft)!important;background-image:none!important;border:2px solid transparent!important;border-bottom:2px solid transparent!important;box-shadow:none!important;text-transform:none!important}
#content-area .mcfr-pk-grid a:hover,#content-area .mcfr-pk-grid .mcfr-pk-ol:hover{border-color:var(--mc-tq,#1AA995)!important}
#content-area .mcfr-pk-grid .cur{border-color:var(--mc-tq,#1AA995)!important;background:color-mix(in srgb,var(--mc-tq,#1AA995) 18%,transparent)!important}
.mcfr-pk-grid .mcfr-pk-slot{width:30px;height:30px;flex:0 0 auto;border-width:2px}
@media (prefers-reduced-motion:reduce){.mcfr-pk *{transition:none!important}}
