/* minecraft.fr — carte « fiche Marketplace » (shortcode [marketplace]).
   Proposition B validée le 28/10/2026 (canvas « Boutons Marketplace »).
   Rendu 100 % statique, aucun JS. Couleurs via tokens --mc-* -> suit le clair/sombre.
   Les !important neutralisent le style « liens éditoriaux » du Customizer
   (dégradé 1.5px + padding + couleur sur .entry-content a). */

.mcfr-mkt,.mcfr-mkt:link,.mcfr-mkt:visited,.mcfr-mkt:hover,.mcfr-mkt:focus{
  container-type:inline-size;
  display:block!important;box-sizing:border-box;max-width:680px;
  margin:22px 6px 24px 0;padding:0!important;
  background:var(--mc-bone,#F4F1EA)!important;
  border:2px solid var(--mc-edge,#1E2422);border-radius:0;
  box-shadow:4px 4px 0 var(--mc-shadow,#1E2422);
  color:var(--mc-ink,#1E2422)!important;font-weight:400!important;
  text-decoration:none!important;
  transition:transform .15s ease-out,box-shadow .15s ease-out;
}
.mcfr-mkt *,.mcfr-mkt *::before,.mcfr-mkt *::after{box-sizing:border-box}
.mcfr-mkt:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--mc-shadow,#1E2422)}
.mcfr-mkt:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--mc-shadow,#1E2422)}
.mcfr-mkt:focus-visible{outline:3px solid var(--mc-tq,#1AA995);outline-offset:3px}
.mcfr-mkt svg{display:block;flex:none}

/* Bandeau « Minecraft Marketplace » */
.mcfr-mkt__head{
  display:flex;align-items:center;gap:8px;padding:8px 16px;
  background:var(--mc-strong,#1E2422);color:#EAF1EE!important;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif)!important;
  font-size:11px!important;font-weight:600!important;line-height:1.2!important;
  letter-spacing:.16em;text-transform:uppercase;
}
.mcfr-mkt__head svg{color:#34CBB2}

/* Corps : infos à gauche, bouton à droite (passe dessous quand c'est étroit) */
.mcfr-mkt__body{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:16px}
.mcfr-mkt__info{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.mcfr-mkt__name{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif)!important;
  font-size:22px!important;font-weight:700!important;line-height:1.2!important;
  color:var(--mc-ink,#1E2422)!important;overflow-wrap:anywhere;
}
.mcfr-mkt__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)!important;
  font-size:14px!important;line-height:1.3!important;color:var(--mc-ink-2,#3C4742)!important;
}
.mcfr-mkt__sep{width:4px;height:4px;background:var(--mc-ink-2,#3C4742)}
.mcfr-mkt__price{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--mc-ink,#1E2422)!important}

/* Bouton « Voir le contenu » */
.mcfr-mkt__cta{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:0 18px;
  background:var(--mc-tq-d,#11796A);color:#FFFFFF!important;
  border:2px solid var(--mc-edge,#1E2422);box-shadow:3px 3px 0 var(--mc-shadow,#1E2422);
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif)!important;
  font-size:15px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;
  transition:background .15s ease-out;
}
.mcfr-mkt:hover .mcfr-mkt__cta{background:#0D5F54}

/* Thème sombre : --mc-tq-d devient un turquoise clair -> texte foncé sur le bouton */
[data-theme="dark"] .mcfr-mkt__cta{color:#0F1412!important}
[data-theme="dark"] .mcfr-mkt:hover .mcfr-mkt__cta{background:#5FE3CC}

/* Étroit (mobile) : bouton pleine largeur */
@container (max-width: 480px){
  .mcfr-mkt__body{padding:14px}
  .mcfr-mkt__name{font-size:19px!important}
  .mcfr-mkt__cta{flex:1 1 100%}
}

@media (prefers-reduced-motion: reduce){
  .mcfr-mkt,.mcfr-mkt__cta{transition:none}
  .mcfr-mkt:hover,.mcfr-mkt:active{transform:none}
}