/* ============================================================================
   minecraft.fr — Outil "brasserie" (hub /les-potions/) — style inventaire MC
   Enqueue : inc/mcfr-brasserie.php (is_page('les-potions')). Shortcode [brasserie].
   Palette GUI Minecraft (volontairement ≠ surface du site) ; suit le switch
   clair/sombre via html[data-theme="dark"]. Anti-Extra : boutons/liens/images
   blindés !important + préfixe #content-area.
   ============================================================================ */
.mcfr-bw{
  --gui:#C6C6C6;--gui-hi:#FFFFFF;--gui-lo:#555555;--slot:#8B8B8B;--slot-hi:#FFFFFF;
  --slot-lo:#373737;--gui-text:#3A3A3A;--stand:#6E6E6E;
  background:var(--gui);border:4px solid;border-color:var(--gui-hi) var(--gui-lo) var(--gui-lo) var(--gui-hi);
  padding:16px;image-rendering:pixelated;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);
  margin:28px 0;min-height:520px;
}
html[data-theme="dark"] .mcfr-bw{
  --gui:#2B2F33;--gui-hi:#3E454B;--gui-lo:#0E1113;--slot:#15191C;--slot-hi:#3A424A;
  --slot-lo:#000000;--gui-text:#C7D3CF;--stand:#454B50;
}
.mcfr-bw *{box-sizing:border-box}

.mcfr-bw-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.mcfr-bw-h{font-family:var(--mc-display);font-weight:700;font-size:16px;color:var(--gui-text);margin-right:auto}
.mcfr-bw-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-bw-ed{display:flex}
#content-area .mcfr-bw-ed button{font-family:var(--mc-display)!important;font-weight:700!important;font-size:11px!important;padding:5px 10px!important;cursor:pointer;border:3px solid!important;border-color:var(--gui-hi) var(--gui-lo) var(--gui-lo) var(--gui-hi)!important;background:var(--slot)!important;color:var(--gui-text)!important;text-transform:none!important;border-radius:0!important;box-shadow:none!important}
#content-area .mcfr-bw-ed button.on{background:var(--mc-tq,#1AA995)!important;color:#06231E!important;border-color:var(--mc-tq-l) var(--mc-tq-d) var(--mc-tq-d) var(--mc-tq-l)!important}

/* onglets */
.mcfr-bw-tabs{display:flex;gap:5px;flex-wrap:wrap}
#content-area .mcfr-bw-tabs button{font-family:var(--mc-display)!important;font-weight:700!important;font-size:12px!important;padding:7px 12px!important;cursor:pointer;border:3px solid!important;border-color:var(--gui-hi) var(--gui-lo) var(--gui-lo) var(--gui-hi)!important;background:var(--slot)!important;color:var(--gui-text)!important;display:inline-flex!important;align-items:center;gap:7px;text-transform:none!important;border-radius:0!important;box-shadow:none!important}
.mcfr-bw-tabs button .dot{width:9px;height:9px;flex:0 0 auto}
.mcfr-bw-tabs button.b .dot{background:#6FD49C}.mcfr-bw-tabs button.n .dot{background:#E58A77}
.mcfr-bw-tabs button.m .dot{background:#A99BF0}.mcfr-bw-tabs button.base .dot{background:#A7B0A8}
#content-area .mcfr-bw-tabs button.on{background:var(--gui)!important;border-color:var(--gui-lo) var(--gui-hi) var(--gui-hi) var(--gui-lo)!important}

/* grille */
.mcfr-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;margin-top:8px;background:rgba(0,0,0,.06);padding:7px;border:3px solid;border-color:var(--slot-lo) var(--slot-hi) var(--slot-hi) var(--slot-lo)}
html[data-theme="dark"] .mcfr-bw-grid{background:rgba(0,0,0,.25)}
#content-area .mcfr-bw-grid button.mcfr-bw-gi{aspect-ratio:1;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;background:var(--slot)!important;border:3px solid!important;border-color:var(--slot-lo) var(--slot-hi) var(--slot-hi) var(--slot-lo)!important;border-radius:0!important;box-shadow:none!important;text-transform:none!important;display:grid!important;place-items:center;cursor:pointer;position:relative;font-size:0!important;line-height:0!important}
.mcfr-bw-gi:hover{filter:brightness(1.2)}
#content-area .mcfr-bw-grid button.mcfr-bw-gi.on{border-color:var(--mc-tq,#1AA995)!important;box-shadow:0 0 0 2px var(--mc-tq,#1AA995) inset!important}
#content-area .mcfr-bw-grid button.mcfr-bw-gi:focus-visible{outline:2px solid var(--mc-tq,#1AA995)!important;outline-offset:2px}
.mcfr-bw-gi:focus-visible .tip{opacity:1}
#content-area .mcfr-bw-gi img,#content-area .mcfr-bw-gi svg{width:80%!important;height:80%!important;image-rendering:pixelated;margin:0!important}
.mcfr-bw-gi .tip{line-height:1.2;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#140a22;color:#fff;border:2px solid #3a0d63;font-family:var(--mc-display);font-weight:600;font-size:11px;padding:3px 7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .08s;z-index:6}
.mcfr-bw-gi:hover .tip{opacity:1}

/* zone alambic + info */
.mcfr-bw-work{display:grid;grid-template-columns:330px 1fr;gap:18px;align-items:start;margin-top:16px}
@media(max-width:640px){.mcfr-bw-work{grid-template-columns:1fr;gap:10px}}
.mcfr-bw-title{font-family:var(--mc-display);font-weight:700;font-size:15px;color:var(--gui-text);text-align:center;margin-bottom:4px}
.mcfr-bw-alembic{position:relative;width:100%;max-width:330px;aspect-ratio:360/200;margin:0 auto}
.mcfr-bw-alembic .slot{position:absolute;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}
#content-area .mcfr-bw-alembic .slot img,#content-area .mcfr-bw-alembic .slot svg{width:82%!important;height:82%!important;display:block;image-rendering:pixelated;margin:0!important}
.mcfr-bw-alembic .empty{font-family:var(--mc-display);font-weight:700;font-size:8px;color:var(--gui-text);text-align:center;line-height:1;padding:2px}
.mcfr-bw-alembic .s-blaze{left:2%;top:24%;width:13%;aspect-ratio:1}
.mcfr-bw-alembic .s-ingr{left:56%;top:8%;width:15%;aspect-ratio:1}
.mcfr-bw-alembic .s-b1{left:38%;top:62%;width:13%;aspect-ratio:1}
.mcfr-bw-alembic .s-b2{left:54%;top:74%;width:13%;aspect-ratio:1}
.mcfr-bw-alembic .s-b3{left:70%;top:62%;width:13%;aspect-ratio:1}
.mcfr-bw-alembic .pole{position:absolute;left:61%;top:34%;width:3%;height:30%;background:var(--stand)}
.mcfr-bw-alembic .base{position:absolute;left:38%;top:62%;width:45%;height:5%;background:var(--stand)}
.mcfr-bw-alembic .tube{position:absolute;left:15%;top:48%;width:24%;height:3%;background:var(--stand)}
.mcfr-bw-alembic .tube2{position:absolute;left:15%;top:36%;width:3%;height:14%;background:var(--stand)}
.mcfr-bw-alembic .arrow{position:absolute;right:3%;top:30%;width:9%;aspect-ratio:1;color:var(--gui-text)}
.mcfr-bw-alembic .arrow svg{width:100%!important;height:100%!important}
.mcfr-bw-alembic .bub{position:absolute;width:4px;height:4px;background:var(--gui-text);opacity:.55;animation:mcfrbwrise 1.2s linear infinite}
@keyframes mcfrbwrise{0%{transform:translateY(10px);opacity:0}25%{opacity:.6}100%{transform:translateY(-22px);opacity:0}}

.mcfr-bw-info{padding-top:2px}
#content-area .mcfr-bw-info .i-name{line-height:1.2!important;font-family:var(--mc-display)!important;font-weight:700!important;font-size:19px!important;color:var(--gui-text)!important;margin:0 0 2px!important}
.mcfr-bw-info .i-eff{font-size:12.5px;color:var(--gui-text);opacity:.85;margin:0 0 8px;line-height:1.45}
.mcfr-bw-info .i-base{font-size:11.5px;color:var(--gui-text);opacity:.75;margin:0 0 12px}
.mcfr-bw-info .i-base b{font-weight:700}
.mcfr-bw-info .dur{width:100%;border-collapse:collapse;font-size:12.5px;margin:0 0 10px;background:rgba(0,0,0,.06)}
html[data-theme="dark"] .mcfr-bw-info .dur{background:rgba(0,0,0,.25)}
.mcfr-bw-info .dur th{text-align:left;font-family:var(--mc-display);font-weight:700;font-size:10px;text-transform:uppercase;color:var(--gui-text);opacity:.7;padding:6px 9px}
.mcfr-bw-info .dur td{padding:6px 9px;color:var(--gui-text);border-top:2px solid var(--gui-lo)}
.mcfr-bw-info .dur td:last-child{text-align:right;font-family:var(--mc-display);font-weight:700}
.mcfr-bw-info .dur .mini{font-weight:400;font-size:10px;opacity:.7}
.mcfr-bw-info .meta{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12px;color:var(--gui-text);margin:0 0 10px}
.mcfr-bw-info .meta b{font-family:var(--mc-display)}
.mcfr-bw-info .corr{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--gui-text);margin:0 0 12px}
.mcfr-bw-info .corr .mini-slot{width:34px;height:34px;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;flex:0 0 auto}
#content-area .mcfr-bw-info .corr .mini-slot img{width:80%!important;height:80%!important;image-rendering:pixelated;margin:0!important}
#content-area .mcfr-bw-info .i-go{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0!important;font-size:12px;color:var(--gui-text)}
.mcfr-bw-info .i-go-l{opacity:.75}
#content-area .mcfr-bw-info a.link::after{content:"→";font-weight:700}
#content-area .mcfr-bw-info a.link{display:inline-flex!important;align-items:center;gap:8px;font-family:var(--mc-display)!important;font-weight:700!important;font-size:13px!important;color:#06231E!important;background:var(--mc-tq,#1AA995)!important;border:3px solid!important;border-color:var(--mc-tq-l) var(--mc-tq-d) var(--mc-tq-d) var(--mc-tq-l)!important;padding:8px 13px!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
#content-area .mcfr-bw-info a.link:hover{background:var(--mc-tq-l,#34CBB2)!important}
.mcfr-bw-info .link.off{display:inline-flex;align-items:center;gap:8px;font-family:var(--mc-display);font-weight:700;font-size:13px;background:var(--slot);color:var(--gui-text);border:3px solid;border-color:var(--slot-hi) var(--slot-lo) var(--slot-lo) var(--slot-hi);padding:8px 13px;opacity:.7}
.mcfr-bw-foot{font-size:11px;color:var(--gui-text);opacity:.7;margin-top:14px}

/* liens masqués (ingrédients, icônes) : cliquables, non crawlables */
.mcfr-bw-ol{cursor:pointer}
.mcfr-bw-ol.txt{text-decoration:underline;text-decoration-color:var(--mc-tq,#1AA995);text-decoration-thickness:2px;text-underline-offset:2px}
.mcfr-bw-ol.txt:hover{color:var(--mc-tq-d,#11796A)}
html[data-theme="dark"] .mcfr-bw-ol.txt:hover{color:var(--mc-tq-l,#34CBB2)}
.mcfr-bw-ol.sl{display:grid;place-items:center;width:100%;height:100%}
.mcfr-bw-ol.sl:hover{outline:2px solid var(--mc-tq,#1AA995);outline-offset:1px}
.mcfr-bw-ol:focus-visible{outline:2px solid var(--mc-tq,#1AA995);outline-offset:2px}

/* Garde-fou typo : page.css (body.page) et article.css forcent p/li à 15,5 px !important. */
#content-area .mcfr-bw p,#content-area .mcfr-bw li{font-family:inherit!important;line-height:1.45!important;color:var(--gui-text)!important}
#content-area .mcfr-bw .mcfr-bw-info .i-eff{font-size:12.5px!important}
#content-area .mcfr-bw .mcfr-bw-info .i-base{font-size:11.5px!important}
#content-area .mcfr-bw .mcfr-bw-info .i-go{font-size:12px!important}
#content-area .mcfr-bw .mcfr-bw-foot{font-size:11px!important}
#content-area .mcfr-bw .mcfr-bw-info .i-name{font-family:var(--mc-display)!important;font-size:19px!important;line-height:1.2!important}