/* ============================================================================
   minecraft.fr — PAGE « Acheter Minecraft » (PUBLIC)
   Fichier : Extraenfant/assets/boutique.css
   Enqueue : functions.php (bloc boutique), is_page('acheter-le-jeu'),
             dépend de mcfr-page (page.css) → chargé APRÈS.
   Markup  : bloc-acheter-le-jeu.html (bloc « HTML personnalisé » Gutenberg),
             tout est enveloppé dans <div class="mcfr-boutique">.
   Tokens  : var(--mc-*, repli clair) → stylé partout, suit le thème sombre
             quand redesign.css est chargé.
   page.css force p/li/a/img/h2/h3 en !important sur body.page .post-content
   → les règles en conflit reprennent le préfixe complet + !important.
   ============================================================================ */

/* ---- Reset du cadre auto de page.css sur les images des composants ---- */
body.page .post-content .mcfr-boutique img{
  border:0 !important; box-shadow:none !important; border-radius:0 !important;
}

/* ============ Méta de page (date + puce prix vérifiés) ============ */
.mcfr-boutique .pg-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);font-size:13px;color:var(--mc-ink-2,#3C4742)}
.mcfr-boutique .pg-meta .d strong{font-weight:700;color:var(--mc-ink,#1E2422)}
.mcfr-boutique .chip-verif{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--mc-bone,#F4F1EA);border:1px solid var(--mc-gold-d,#C8861B);
  color:var(--mc-gold-d,#C8861B);font-weight:700;font-size:11px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;
  padding:4px 9px;
}
.mcfr-boutique .chip-verif::before{content:"";width:8px;height:8px;background:var(--mc-gold,#E8A93B);border:1px solid var(--mc-gold-d,#C8861B)}

/* ============ Encart « L'essentiel » ============ */
.mcfr-boutique .essentiel{
  background:var(--mc-bone,#F4F1EA);
  border:2px solid var(--mc-edge,#1E2422);
  border-left:6px solid var(--mc-tq,#1AA995);
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  padding:16px 20px 14px;margin:0 0 20px;
}
.mcfr-boutique .essentiel__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.mcfr-boutique .essentiel__title{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--mc-ink,#1E2422);
}
.mcfr-boutique .essentiel__title::before{content:"";width:12px;height:12px;flex:0 0 auto;background:var(--mc-tq,#1AA995);border:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique .essentiel ul{list-style:none !important;margin:0 !important;padding:0 !important}
body.page .post-content .mcfr-boutique .essentiel li{
  position:relative;padding:0 0 0 20px !important;margin:0 0 9px !important;
  font-size:14.5px !important;line-height:1.55 !important;color:var(--mc-ink-2,#3C4742) !important;
}
.mcfr-boutique .essentiel li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;background:var(--mc-tq,#1AA995);box-shadow:2px 2px 0 var(--mc-shadow,#1E2422)}
.mcfr-boutique .essentiel li:last-child{margin-bottom:2px !important}

/* ============ Sommaire en pastilles ============ */
.mcfr-boutique .somm{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
body.page .post-content .mcfr-boutique .somm a{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--mc-surface,#FFFFFF);border:1px solid var(--mc-line-2,#CFCABD);
  color:var(--mc-ink-2,#3C4742) !important;font-size:12.5px !important;font-weight:600 !important;
  padding:6px 11px;text-decoration:none !important;
}
.mcfr-boutique .somm a::before{content:"";width:7px;height:7px;background:var(--mc-line-2,#CFCABD)}
body.page .post-content .mcfr-boutique .somm a:hover{border-color:var(--mc-tq,#1AA995);color:var(--mc-tq-d,#11796A) !important}
.mcfr-boutique .somm a:hover::before{background:var(--mc-tq,#1AA995)}

/* ============ Titres de section ============ */
body.page .post-content .mcfr-boutique h2.secbar{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:clamp(18px,2.2vw,22px) !important;letter-spacing:.01em;
  color:var(--mc-ink,#1E2422) !important;margin:34px 0 6px !important;
  scroll-margin-top:90px;
}
.mcfr-boutique h2.secbar::before{content:"";width:14px;height:14px;flex:0 0 auto;background:var(--mc-tq,#1AA995);border:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique h2.secbar::after{content:"";flex:1;height:3px;background:var(--mc-edge,#1E2422);opacity:.9}
.mcfr-boutique h2.secbar.gold::before{background:var(--mc-gold,#E8A93B)}
body.page .post-content .mcfr-boutique p.sec-intro{
  font-size:14.5px !important;line-height:1.6 !important;color:var(--mc-ink-2,#3C4742) !important;margin:0 0 16px !important;
}
.mcfr-boutique .sec-intro strong{color:var(--mc-ink,#1E2422)}

/* ============ Hero achat ============ */
.mcfr-boutique .buy-hero{
  display:grid;grid-template-columns:280px 1fr;
  border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh,4px 4px 0 #1E2422);
  background:var(--mc-surface,#FFFFFF);margin:0 0 8px;
}
.mcfr-boutique .buy-hero__art{
  position:relative;min-height:280px;
  background:
    linear-gradient(45deg, rgba(0,0,0,.16) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.16) 75%),
    linear-gradient(45deg, rgba(0,0,0,.16) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.16) 75%),
    linear-gradient(160deg,#79B94C,#3E7A2B 55%,#2C5A1E);
  background-size:32px 32px,32px 32px,100% 100%;
  background-position:0 0,16px 16px,0 0;
  border-right:2px solid var(--mc-edge,#1E2422);
}
/* !important sur le layout des images : page.css pose height:auto sur les img
   du contenu et l'ordre de concaténation Rocket n'est pas garanti. */
.mcfr-boutique .buy-hero__art img{position:absolute !important;inset:16px !important;width:calc(100% - 32px) !important;height:calc(100% - 32px) !important;max-width:none !important;object-fit:contain !important;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3))}
.mcfr-boutique .buy-hero__badge{
  position:absolute;top:10px;left:10px;z-index:2;
  background:var(--mc-gold,#E8A93B);color:#1E2422;border:2px solid var(--mc-edge,#1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:10.5px;
  letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
.mcfr-boutique .buy-hero__info{padding:20px 24px 18px;display:flex;flex-direction:column}
body.page .post-content .mcfr-boutique h2.buy-hero__title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:21px !important;color:var(--mc-ink,#1E2422) !important;margin:0 0 2px !important;line-height:1.2 !important;
}
.mcfr-boutique .buy-hero__title .lt{color:var(--mc-muted,#6B756F);font-weight:500}
body.page .post-content .mcfr-boutique p.buy-hero__sub{font-size:13px !important;line-height:1.5 !important;color:var(--mc-muted,#6B756F) !important;margin:0 0 12px !important}
.mcfr-boutique .price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.mcfr-boutique .price{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:34px;line-height:1;
  color:var(--mc-ink,#1E2422);
  background:linear-gradient(to top, var(--mc-gold,#E8A93B) 0 8px, transparent 8px);
  padding:0 3px;
}
.mcfr-boutique .price-note{
  font-size:12px;font-weight:700;color:var(--mc-tq-d,#11796A);
  border:1px solid var(--mc-tq,#1AA995);background:var(--mc-tq-bg,#E4F4F0);
  padding:3px 8px;letter-spacing:.02em;
}
.mcfr-boutique .buy-hero__checks{list-style:none !important;margin:0 0 16px !important;padding:0 !important}
body.page .post-content .mcfr-boutique .buy-hero__checks li{
  position:relative;padding:0 0 0 22px !important;margin:0 0 7px !important;
  font-size:13.5px !important;line-height:1.45 !important;color:var(--mc-ink-2,#3C4742) !important;
}
.mcfr-boutique .buy-hero__checks li::before{
  content:"";position:absolute;left:0;top:.28em;width:10px;height:10px;
  background:var(--mc-tq,#1AA995);
  clip-path:polygon(0 45%,20% 45%,40% 70%,80% 0,100% 12%,42% 100%,0 62%);
  transform:scale(1.25);
}
body.page .post-content .mcfr-boutique a.btn-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--mc-tq,#1AA995);color:#FFFFFF !important;
  border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700 !important;font-size:15px !important;
  letter-spacing:.05em;text-transform:uppercase;
  padding:13px 22px;text-decoration:none !important;cursor:pointer;
  transition:transform .1s;
  align-self:flex-start;
}
body.page .post-content .mcfr-boutique a.btn-buy:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--mc-shadow,#1E2422);color:#FFFFFF !important}
[data-theme="dark"] body.page .post-content .mcfr-boutique a.btn-buy,
[data-theme="dark"] body.page .post-content .mcfr-boutique a.btn-buy:hover{color:#0F1412 !important;border-color:#0F1412}
body.page .post-content .mcfr-boutique p.buy-hero__rating{font-size:12px !important;line-height:1.5 !important;color:var(--mc-muted,#6B756F) !important;margin:10px 0 0 !important}
.mcfr-boutique .buy-hero__rating strong{color:var(--mc-gold-d,#C8861B) !important}
body.page .post-content .mcfr-boutique p.buy-hero__alt{font-size:12.5px !important;line-height:1.55 !important;color:var(--mc-ink-2,#3C4742) !important;margin:8px 0 0 !important}
body.page .post-content .mcfr-boutique p.disclose{
  font-size:11.5px !important;font-style:italic;color:var(--mc-muted,#6B756F) !important;line-height:1.5 !important;
  border-top:1px dashed var(--mc-line-2,#CFCABD);
  margin:12px 0 0 !important;padding:8px 0 0;
}
body.page .post-content .mcfr-boutique p.disclose-inline{font-size:11.5px !important;font-style:italic;color:var(--mc-muted,#6B756F) !important;line-height:1.5 !important;margin:8px 0 22px !important}

/* ============ Bloc éditions ============ */
body.page .post-content .mcfr-boutique h3.ed-head{
  display:flex;align-items:center;gap:9px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:16px !important;color:var(--mc-ink,#1E2422) !important;margin:22px 0 12px !important;
  scroll-margin-top:90px;
}
.mcfr-boutique h3.ed-head::before{content:"";width:12px;height:12px;flex:0 0 auto;background:var(--mc-gold,#E8A93B);border:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique .editions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mcfr-boutique .ed-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  transition:transform .1s;
}
.mcfr-boutique .ed-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--mc-shadow,#1E2422)}
.mcfr-boutique .ed-card--star{border-color:var(--mc-gold-d,#C8861B)}
.mcfr-boutique .ed-art{position:relative;height:96px;overflow:hidden;border-bottom:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique .ed-art img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;object-position:center top !important}
.mcfr-boutique .ed-badge{
  position:absolute;bottom:8px;left:8px;z-index:2;
  background:var(--mc-gold,#E8A93B);color:#1E2422;border:2px solid var(--mc-edge,#1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:10px;
  letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
.mcfr-boutique .ed-body{display:flex;flex-direction:column;gap:4px;padding:11px 13px 12px;flex:1}
.mcfr-boutique .ed-name{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:15px;color:var(--mc-ink,#1E2422)}
.mcfr-boutique .ed-desc{font-size:12px;line-height:1.45;color:var(--mc-ink-2,#3C4742)}
.mcfr-boutique .ed-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--mc-line-2,#CFCABD)}
.mcfr-boutique .ed-price{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:16px;color:var(--mc-ink,#1E2422);white-space:nowrap}
body.page .post-content .mcfr-boutique a.ed-cta{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700 !important;font-size:11px !important;letter-spacing:.04em;
  text-transform:uppercase;color:var(--mc-tq-d,#11796A) !important;text-decoration:none !important;
  border-bottom:2px solid var(--mc-tq,#1AA995);padding-bottom:1px;white-space:nowrap;
}
.mcfr-boutique a.ed-cta::before{content:"";position:absolute;inset:0;z-index:1}
body.page .post-content .mcfr-boutique .ed-card:hover a.ed-cta{color:var(--mc-tq,#1AA995) !important}

/* ============ Neutralisation du style « liens éditoriaux » (CSS BO) ============
   Le CSS Customizer pose sur les a du contenu :
   background:linear-gradient(...) (souligné) + padding-bottom:2px + hover 4px.
   Son shorthand background écrase les fonds de nos composants (bouton, chips,
   tuiles). On le neutralise UNIQUEMENT sur les composants ; les liens inline
   (FAQ, intros, notes) gardent le style éditorial du site. */
body.page .post-content .mcfr-boutique a.btn-buy,
body.page .post-content .mcfr-boutique a.btn-buy:hover,
body.page .post-content .mcfr-boutique .somm a,
body.page .post-content .mcfr-boutique .somm a:hover,
body.page .post-content .mcfr-boutique a.ed-cta,
body.page .post-content .mcfr-boutique a.ed-cta:hover,
body.page .post-content .mcfr-boutique a.game__cta,
body.page .post-content .mcfr-boutique a.game__cta:hover,
body.page .post-content .mcfr-boutique table.prix a.go,
body.page .post-content .mcfr-boutique table.prix a.go:hover,
body.page .post-content .mcfr-boutique .next a,
body.page .post-content .mcfr-boutique .next a:hover,
body.page .post-content .mcfr-boutique .jvb__col li a,
body.page .post-content .mcfr-boutique .jvb__col li a:hover{
  background-image:none !important;
  background-size:auto !important;
}
body.page .post-content .mcfr-boutique a.btn-buy,
body.page .post-content .mcfr-boutique a.btn-buy:hover{background-color:var(--mc-tq,#1AA995) !important;padding:13px 22px !important}
body.page .post-content .mcfr-boutique .somm a{background-color:var(--mc-surface,#FFFFFF) !important;padding:6px 11px !important}
body.page .post-content .mcfr-boutique .next a{background-color:var(--mc-surface,#FFFFFF) !important;padding:13px 14px !important}
body.page .post-content .mcfr-boutique a.ed-cta,
body.page .post-content .mcfr-boutique a.game__cta,
body.page .post-content .mcfr-boutique table.prix a.go{padding-bottom:1px !important}

/* ============ Tableau des prix ============ */
.mcfr-boutique .tbl-wrap{overflow-x:auto;border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);margin:0 0 8px;background:var(--mc-surface,#FFFFFF)}
.mcfr-boutique table.prix{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px;margin:0;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)}
.mcfr-boutique table.prix th{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  text-align:left;color:#EAF1EE;background:var(--mc-strong,#1E2422);
  padding:9px 14px;border-bottom:2px solid var(--mc-edge,#1E2422);
}
[data-theme="dark"] .mcfr-boutique table.prix th{color:var(--mc-ink,#EAF1EE)}
.mcfr-boutique table.prix td{padding:11px 14px;border:0;border-bottom:1px solid var(--mc-line,#E3DFD5);color:var(--mc-ink-2,#3C4742);vertical-align:middle}
.mcfr-boutique table.prix tr:last-child td{border-bottom:0}
.mcfr-boutique table.prix td.plat{font-weight:700;color:var(--mc-ink,#1E2422)}
.mcfr-boutique table.prix td.plat small{display:block;font-weight:400;color:var(--mc-muted,#6B756F);font-size:11.5px}
.mcfr-boutique table.prix td.p{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:16px;color:var(--mc-ink,#1E2422);white-space:nowrap}
.mcfr-boutique table.prix td.p .from{font-size:10.5px;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);font-weight:600;color:var(--mc-muted,#6B756F);display:block;letter-spacing:.03em;text-transform:uppercase}
body.page .post-content .mcfr-boutique table.prix a.go{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  color:var(--mc-tq-d,#11796A) !important;font-weight:700 !important;font-size:12.5px !important;text-decoration:none !important;
  border-bottom:2px solid var(--mc-tq,#1AA995);padding-bottom:1px;
}
body.page .post-content .mcfr-boutique table.prix a.go:hover{color:var(--mc-tq,#1AA995) !important}
body.page .post-content .mcfr-boutique p.tbl-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px !important;line-height:1.5 !important;color:var(--mc-muted,#6B756F) !important;margin:8px 0 0 !important}

/* ============ Cartes jeux ============ */
.mcfr-boutique .games{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 6px}
.mcfr-boutique .game{
  position:relative;display:flex;flex-direction:column;
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  transition:transform .1s;
}
.mcfr-boutique .game:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--mc-shadow,#1E2422)}
.mcfr-boutique .game__art{height:150px;position:relative;overflow:hidden;border-bottom:2px solid var(--mc-edge,#1E2422);background:#2B2A26}
.mcfr-boutique .game__img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important}
.mcfr-boutique .g-mc .game__img{object-position:center 62% !important}
.mcfr-boutique .g-d2 .game__img{object-position:center 65% !important}
.mcfr-boutique .g-du .game__img{object-position:center 65% !important}
.mcfr-boutique .g-lg .game__img{object-position:center 42% !important}
.mcfr-boutique .game__new{
  position:absolute;top:8px;right:8px;z-index:2;
  background:var(--mc-gold,#E8A93B);color:#1E2422;border:2px solid var(--mc-edge,#1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:10px;
  letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;
  box-shadow:2px 2px 0 rgba(0,0,0,.35);
}
.mcfr-boutique .game__body{padding:13px 16px 14px;display:flex;flex-direction:column;gap:4px;flex:1;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)}
.mcfr-boutique .game__name{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:16px;color:var(--mc-ink,#1E2422)}
.mcfr-boutique .game__name .lt{color:var(--mc-muted,#6B756F);font-weight:500}
.mcfr-boutique .game__tags{font-size:12px;color:var(--mc-muted,#6B756F)}
.mcfr-boutique .game__plats{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mc-ink-2,#3C4742);font-weight:600}
.mcfr-boutique .game__gp{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--mc-ink-2,#3C4742);font-weight:600}
.mcfr-boutique .game__gp::before{content:"";width:7px;height:7px;background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .game__note{font-size:11.5px;color:var(--mc-muted,#6B756F);position:relative;z-index:2}
.mcfr-boutique .game__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:9px;border-top:1px dashed var(--mc-line-2,#CFCABD)}
.mcfr-boutique .game__price{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:17px;color:var(--mc-ink,#1E2422)}
.mcfr-boutique .game__price .from{font-size:10px;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);font-weight:600;color:var(--mc-muted,#6B756F);display:block;text-transform:uppercase;letter-spacing:.03em}
body.page .post-content .mcfr-boutique a.game__cta{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700 !important;font-size:11.5px !important;letter-spacing:.04em;
  text-transform:uppercase;color:var(--mc-tq-d,#11796A) !important;text-decoration:none !important;
  border-bottom:2px solid var(--mc-tq,#1AA995);padding-bottom:1px;white-space:nowrap;
}
.mcfr-boutique a.game__cta::before{content:"";position:absolute;inset:0;z-index:1}
body.page .post-content .mcfr-boutique .game:hover a.game__cta{color:var(--mc-tq,#1AA995) !important}
.mcfr-boutique .games-hint{display:none}

/* ============ Tutoriel + wagonnet ============ */
.mcfr-boutique .tuto-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.mcfr-boutique .tuto-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;color:var(--mc-ink-2,#3C4742);
  background:var(--mc-bone,#F4F1EA);border:1px solid var(--mc-line-2,#CFCABD);padding:5px 10px;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);
}
.mcfr-boutique .tuto-chip::before{content:"";width:8px;height:8px;background:var(--mc-tq,#1AA995)}
.mcfr-boutique .tuto-chip.gold::before{background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .steps-wrap{display:grid;grid-template-columns:54px 1fr;gap:16px;margin:0 0 4px}
.mcfr-boutique .rail{position:relative}
.mcfr-boutique .rail-track{
  position:absolute;top:2px;bottom:2px;left:50%;width:20px;transform:translateX(-50%);
  background-image:
    linear-gradient(var(--mc-ink-2,#3C4742),var(--mc-ink-2,#3C4742)),
    linear-gradient(var(--mc-ink-2,#3C4742),var(--mc-ink-2,#3C4742)),
    repeating-linear-gradient(to bottom,var(--mc-line-2,#CFCABD) 0 4px,transparent 4px 22px);
  background-size:3px 100%,3px 100%,100% 100%;
  background-position:3px 0,14px 0,0 0;
  background-repeat:no-repeat,no-repeat,repeat;
}
.mcfr-boutique .rail-cart{position:absolute;left:50%;top:0;width:40px;margin-left:-20px;z-index:2;transition:top .7s cubic-bezier(.34,1.4,.44,1)}
.mcfr-boutique .rail-cart img{display:block;width:100%;height:auto;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.25))}
.mcfr-boutique .rail-cart.bump{animation:mcfrCartBump .5s}
@keyframes mcfrCartBump{30%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}
.mcfr-boutique .rail-goal{position:absolute;left:2px;right:2px;bottom:0}
.mcfr-boutique .rail-goal svg{display:block;width:100%;height:auto;border:2px solid var(--mc-edge,#1E2422);box-shadow:2px 2px 0 var(--mc-shadow,#1E2422);background:#fff}
.mcfr-boutique .rail-goal.win svg{animation:mcfrGoalPulse 1s steps(2) 3}
@keyframes mcfrGoalPulse{50%{box-shadow:0 0 0 5px var(--mc-gold,#E8A93B)}}
.mcfr-boutique .rail-confetti{position:absolute;left:0;right:0;top:-10px;height:10px;pointer-events:none}
.mcfr-boutique .rail-confetti i{position:absolute;left:50%;top:0;width:7px;height:7px;opacity:0;background:var(--mc-tq,#1AA995)}
.mcfr-boutique .rail-confetti i:nth-child(3n){background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .rail-confetti i:nth-child(4n){background:#7E57C2}
.mcfr-boutique .rail-confetti i:nth-child(5n){background:#C05A21}
.mcfr-boutique .rail-confetti.pop i{animation:mcfrConfetti .95s ease-out forwards}
@keyframes mcfrConfetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(220deg)}}
.mcfr-boutique .steps{list-style:none !important;margin:0 !important;padding:0 !important;counter-reset:bqstep}
.mcfr-boutique .step{
  display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:start;
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  padding:14px 16px !important;margin:0 0 12px !important;cursor:pointer;
  transition:transform .1s;position:relative;
}
.mcfr-boutique .step:hover{transform:translate(-1px,-1px)}
.mcfr-boutique .step__num{
  counter-increment:bqstep;
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  background:var(--mc-bone,#F4F1EA);border:2px solid var(--mc-edge,#1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:18px;color:var(--mc-tq-d,#11796A);
}
.mcfr-boutique .step__num::before{content:"0" counter(bqstep)}
body.page .post-content .mcfr-boutique .step h3{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:15.5px !important;color:var(--mc-ink,#1E2422) !important;margin:2px 0 4px !important;
}
body.page .post-content .mcfr-boutique .step p{font-size:13.5px !important;line-height:1.55 !important;color:var(--mc-ink-2,#3C4742) !important;margin:0 !important}
.mcfr-boutique .step__check{
  width:24px;height:24px;border:2px solid var(--mc-edge,#1E2422);background:var(--mc-surface,#FFFFFF);
  align-self:center;position:relative;flex:0 0 auto;
}
.mcfr-boutique .step.done{opacity:.62}
.mcfr-boutique .step.done .step__num{background:var(--mc-tq,#1AA995);color:#fff}
[data-theme="dark"] .mcfr-boutique .step.done .step__num{color:#0F1412}
.mcfr-boutique .step.done .step__num::before{content:"✓"}
.mcfr-boutique .step.done .step__check{background:var(--mc-tq,#1AA995)}
.mcfr-boutique .step.done .step__check::after{
  content:"";position:absolute;inset:3px;background:#fff;
  clip-path:polygon(0 45%,20% 45%,40% 70%,80% 0,100% 12%,42% 100%,0 62%);
}
[data-theme="dark"] .mcfr-boutique .step.done .step__check::after{background:#0F1412}
.mcfr-boutique .aside-warn{
  background:var(--mc-bone,#F4F1EA);border:2px solid var(--mc-edge,#1E2422);border-left:6px solid var(--mc-gold,#E8A93B);
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);padding:12px 16px;margin:16px 0 0;
  font-size:13px;line-height:1.55;color:var(--mc-ink-2,#3C4742);
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);
}
.mcfr-boutique .aside-warn strong{color:var(--mc-ink,#1E2422)}

/* ============ Java ou Bedrock ============ */
.mcfr-boutique .jvb-verdict{
  background:var(--mc-tq-bg,#E4F4F0);border:2px solid var(--mc-tq,#1AA995);
  padding:11px 16px;font-size:13.5px;color:var(--mc-ink,#1E2422);margin:0 0 8px;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif);
}
.mcfr-boutique .jvb{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);background:var(--mc-surface,#FFFFFF);margin:0 0 10px}
.mcfr-boutique .jvb__col{padding:14px 18px 16px}
.mcfr-boutique .jvb__col + .jvb__col{border-left:2px solid var(--mc-edge,#1E2422)}
body.page .post-content .mcfr-boutique .jvb__col h3{
  display:flex;align-items:center;gap:8px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:15px !important;margin:0 0 10px !important;color:var(--mc-ink,#1E2422) !important;
}
.mcfr-boutique .jvb__col h3::before{content:"";width:10px;height:10px;border:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique .jvb__col.java h3::before{background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .jvb__col.bedrock h3::before{background:var(--mc-tq,#1AA995)}
.mcfr-boutique .jvb__col ul{list-style:none !important;margin:0 !important;padding:0 !important}
body.page .post-content .mcfr-boutique .jvb__col li{
  position:relative;padding:0 0 0 16px !important;font-size:13px !important;line-height:1.5 !important;
  color:var(--mc-ink-2,#3C4742) !important;margin:0 0 7px !important;
}
.mcfr-boutique .jvb__col li::before{content:"";position:absolute;left:0;top:.44em;width:6px;height:6px;background:var(--mc-line-2,#CFCABD)}
.mcfr-boutique .jvb__col.java li::before{background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .jvb__col.bedrock li::before{background:var(--mc-tq,#1AA995)}
body.page .post-content .mcfr-boutique .jvb__col li a{color:var(--mc-tq-d,#11796A) !important;text-decoration:none !important;border-bottom:2px solid var(--mc-tq,#1AA995)}
body.page .post-content .mcfr-boutique .jvb__col li a:hover{color:var(--mc-tq,#1AA995) !important}

/* ============ Encart Marketplace ============ */
.mcfr-boutique .mkp{
  display:grid;grid-template-columns:300px 1fr;
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  margin:16px 0 0;overflow:hidden;
}
.mcfr-boutique .mkp__art{position:relative;min-height:150px;border-right:2px solid var(--mc-edge,#1E2422);background:#2B2A26}
.mcfr-boutique .mkp__art img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important}
.mcfr-boutique .mkp__body{padding:14px 18px 15px;display:flex;flex-direction:column;gap:6px;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)}
.mcfr-boutique .mkp__kicker{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-gold-d,#C8861B)}
body.page .post-content .mcfr-boutique h3.mkp__title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;font-weight:700 !important;
  font-size:16.5px !important;color:var(--mc-ink,#1E2422) !important;margin:0 !important;
}
body.page .post-content .mcfr-boutique .mkp__body p{font-size:13px !important;line-height:1.55 !important;color:var(--mc-ink-2,#3C4742) !important;margin:0 !important}
.mcfr-boutique .mkp__soon{
  align-self:flex-start;margin-top:4px;
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:11px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--mc-ink-2,#3C4742);
  background:var(--mc-bone,#F4F1EA);border:1px solid var(--mc-line-2,#CFCABD);padding:6px 10px;
}
.mcfr-boutique .mkp__soon::before{content:"";width:8px;height:8px;background:var(--mc-gold,#E8A93B)}

/* ============ FAQ ============ */
.mcfr-boutique .faq{margin:0 0 6px}
.mcfr-boutique .faq details{
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  margin:0 0 10px;padding:0;
}
.mcfr-boutique .faq summary{
  list-style:none;cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:14.5px;color:var(--mc-ink,#1E2422);
}
.mcfr-boutique .faq summary::-webkit-details-marker{display:none}
.mcfr-boutique .faq summary::before{
  content:"+";flex:0 0 auto;width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;
  background:var(--mc-bone,#F4F1EA);border:2px solid var(--mc-edge,#1E2422);
  font-size:15px;color:var(--mc-tq-d,#11796A);
}
.mcfr-boutique .faq details[open] summary::before{content:"−";background:var(--mc-tq,#1AA995);color:#fff}
[data-theme="dark"] .mcfr-boutique .faq details[open] summary::before{color:#0F1412}
.mcfr-boutique .faq details[open] summary{border-bottom:1px solid var(--mc-line,#E3DFD5)}
.mcfr-boutique .faq .a{padding:12px 16px 14px 50px}
body.page .post-content .mcfr-boutique .faq .a p{font-size:13.5px !important;line-height:1.6 !important;color:var(--mc-ink-2,#3C4742) !important;margin:0 0 8px !important}
.mcfr-boutique .faq .a p:last-child{margin:0 !important}

/* ============ Et après l'achat ============ */
.mcfr-boutique .next{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 6px}
body.page .post-content .mcfr-boutique .next a{
  display:flex;flex-direction:column;gap:6px;
  background:var(--mc-surface,#FFFFFF);border:2px solid var(--mc-edge,#1E2422);box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422);
  padding:13px 14px;text-decoration:none !important;color:var(--mc-ink-2,#3C4742) !important;transition:transform .1s;
}
.mcfr-boutique .next a:hover{transform:translate(-1px,-1px)}
.mcfr-boutique .next .ic{width:12px;height:12px;background:var(--mc-tq,#1AA995);border:2px solid var(--mc-edge,#1E2422)}
.mcfr-boutique .next a:nth-child(2) .ic{background:var(--mc-gold,#E8A93B)}
.mcfr-boutique .next a:nth-child(3) .ic{background:#7E57C2}
.mcfr-boutique .next a:nth-child(4) .ic{background:#C05A21}
.mcfr-boutique .next b{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-size:13.5px;color:var(--mc-ink,#1E2422);font-weight:700}
.mcfr-boutique .next a span{font-size:11.5px;color:var(--mc-muted,#6B756F);line-height:1.4}

/* ============ Réduction de mouvement ============ */
@media (prefers-reduced-motion: reduce){
  .mcfr-boutique .rail-cart{transition:none}
  .mcfr-boutique .rail-cart.bump,
  .mcfr-boutique .rail-confetti.pop i,
  .mcfr-boutique .rail-goal.win svg{animation:none}
}

/* ============ MOBILE ============ */
@media (max-width:768px){
  .mcfr-boutique .buy-hero{grid-template-columns:1fr}
  .mcfr-boutique .buy-hero__art{min-height:250px;border-right:0;border-bottom:2px solid var(--mc-edge,#1E2422)}
  .mcfr-boutique .buy-hero__info{padding:16px 14px 14px}
  .mcfr-boutique .price{font-size:30px}
  body.page .post-content .mcfr-boutique a.btn-buy{align-self:stretch;text-align:center;justify-content:center}
  .mcfr-boutique .editions{grid-template-columns:1fr}
  .mcfr-boutique .ed-art{height:110px}
  /* cartes jeux : rangée slidable */
  .mcfr-boutique .games{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:4px;margin-left:-12px;margin-right:-12px;
    padding-left:12px;padding-right:12px}
  .mcfr-boutique .games::-webkit-scrollbar{display:none}
  .mcfr-boutique .game{flex:0 0 240px;scroll-snap-align:start}
  .mcfr-boutique .games-hint{display:flex;align-items:center;justify-content:center;margin:10px 0 0}
  .mcfr-boutique .games-hint .rail-ind{position:relative;width:64px;height:4px;background:var(--mc-line-2,#CFCABD)}
  .mcfr-boutique .games-hint .rail-ind i{position:absolute;top:0;left:0;height:100%;background:var(--mc-tq,#1AA995)}
  .mcfr-boutique .step{grid-template-columns:38px 1fr auto;gap:10px;padding:12px 12px !important}
  .mcfr-boutique .step__num{width:38px;height:38px;font-size:15px}
  .mcfr-boutique .steps-wrap{grid-template-columns:36px 1fr;gap:10px}
  .mcfr-boutique .rail-track{width:16px;background-position:2px 0,11px 0,0 0}
  .mcfr-boutique .rail-cart{width:26px;margin-left:-13px}
  .mcfr-boutique .jvb{grid-template-columns:1fr}
  .mcfr-boutique .jvb__col + .jvb__col{border-left:0;border-top:2px solid var(--mc-edge,#1E2422)}
  .mcfr-boutique .mkp{grid-template-columns:1fr}
  .mcfr-boutique .mkp__art{min-height:130px;border-right:0;border-bottom:2px solid var(--mc-edge,#1E2422)}
  .mcfr-boutique .faq .a{padding-left:16px}
  .mcfr-boutique .next{grid-template-columns:1fr 1fr}
  .mcfr-boutique table.prix{font-size:12.5px}
}
@media (max-width:380px){
  .mcfr-boutique .game{flex-basis:216px}
}
