/* minecraft.fr — module « graine » (copie de seed). Public.
   Style « Bloc par Bloc » (bordures 2px, ombre pleine, carrés, turquoise,
   Space Grotesk). Tokens --mc-* → suit automatiquement clair/sombre.
   Préfixe « #content-area … » : le module ne s'affiche que dans le corps
   d'article. Cet ID (spécificité 1,x,x) est nécessaire pour primer sur les
   règles d'article du thème en !important — ex. redesign.css
   « #content-area code { font-size:87% !important } » qui écrasait le code. */
#content-area .mcfr-seed{
  margin:16px 0 22px !important; padding:14px 16px !important;
  background:var(--mc-surface,#FFFFFF) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh,4px 4px 0 #1E2422) !important;
  border-radius:0 !important;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
}
#content-area .mcfr-seed .mcfr-seed-top{ display:flex !important; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
#content-area .mcfr-seed .mcfr-seed-label{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:12px !important; letter-spacing:.12em !important;
  text-transform:uppercase !important; color:var(--mc-muted,#6B756F) !important; margin:0 !important;
}
/* compatibilité = info (coche + éditions en texte), surtout PAS un pavé/bouton :
   pas de fond, pas de bordure, casse normale → ne ressemble pas au toggle
   Java/Bedrock du composeur. */
#content-area .mcfr-seed .mcfr-seed-compat{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  font-family:var(--mc-display,"Space Grotesk",sans-serif) !important;
  font-weight:700 !important; font-size:13px !important; letter-spacing:.01em !important;
  color:var(--mc-ink,#1E2422) !important; background:none !important; border:0 !important; padding:0 !important;
}
#content-area .mcfr-seed .mcfr-seed-compat .mcfr-seed-compat-ic{
  display:inline-flex !important; align-items:center; width:14px; height:14px;
  color:var(--mc-tq,#1AA995) !important;
}
#content-area .mcfr-seed .mcfr-seed-compat .mcfr-seed-compat-ic svg{ width:14px; height:14px; display:block; }
#content-area .mcfr-seed .mcfr-seed-row{ display:flex !important; gap:10px; align-items:stretch; }
#content-area .mcfr-seed .mcfr-seed-code{
  flex:1 1 auto !important; min-width:0 !important; display:flex !important; align-items:center !important;
  background:var(--mc-bone,#F4F1EA) !important; border:2px solid var(--mc-edge,#1E2422) !important;
  padding:10px 14px !important; border-radius:0 !important;
  font-family:var(--mc-mono,"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace) !important;
  font-size:19px !important; font-weight:600 !important; color:var(--mc-ink,#1E2422) !important;
  letter-spacing:.02em !important; line-height:1.2 !important;
  overflow-x:auto !important; white-space:nowrap !important; -webkit-overflow-scrolling:touch;
}
#content-area .mcfr-seed .mcfr-seed-cta{
  flex:0 0 auto !important; display:inline-flex !important; align-items:center !important;
  justify-content:center !important; gap:7px !important;
  background:var(--mc-tq,#1AA995) !important; color:#06231E !important;
  border:2px solid var(--mc-edge,#1E2422) !important; box-shadow:3px 3px 0 var(--mc-shadow,#1E2422) !important;
  border-radius:0 !important; cursor:pointer !important;
  font-family:var(--mc-display,"Space Grotesk",sans-serif) !important; font-weight:700 !important;
  font-size:14px !important; padding:0 16px !important; min-height:46px !important; line-height:1 !important;
  transition:transform .08s ease, box-shadow .08s ease, background .12s ease !important;
  text-transform:none !important; -webkit-appearance:none !important; appearance:none !important;
}
#content-area .mcfr-seed .mcfr-seed-cta:hover{ transform:translate(-1px,-1px) !important; box-shadow:4px 4px 0 var(--mc-shadow,#1E2422) !important; }
#content-area .mcfr-seed .mcfr-seed-cta:active{ transform:translate(2px,2px) !important; box-shadow:1px 1px 0 var(--mc-shadow,#1E2422) !important; }
#content-area .mcfr-seed .mcfr-seed-cta.mcfr-seed-ok{ background:var(--mc-tq-l,#34CBB2) !important; }
#content-area .mcfr-seed .mcfr-seed-ic{ display:inline-flex !important; align-items:center; width:15px; height:15px; }
#content-area .mcfr-seed .mcfr-seed-ic svg{ width:15px; height:15px; display:block; }
/* note = un <p> → en concurrence avec article.css
   « body.single .post-content p:not(…#ez-toc-container *) » (1,2,2, !important).
   Classe doublée → (1,3,0) pour primer sur tous ses props (taille/couleur/marge). */
#content-area .mcfr-seed .mcfr-seed-note.mcfr-seed-note{
  margin:10px 0 0 !important; font-size:12.5px !important; color:var(--mc-muted,#6B756F) !important;
  font-family:var(--mc-sans,"IBM Plex Sans",sans-serif) !important; line-height:1.5 !important;
}
#content-area .mcfr-seed .mcfr-seed-live{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:-1px; }

/* mobile : bouton pleine largeur sous le code */
@media (max-width:600px){
  #content-area .mcfr-seed .mcfr-seed-row{ flex-direction:column !important; }
  #content-area .mcfr-seed .mcfr-seed-cta{ width:100% !important; min-height:44px !important; }
  #content-area .mcfr-seed .mcfr-seed-code{ font-size:17px !important; }
}
@media (prefers-reduced-motion:reduce){
  #content-area .mcfr-seed .mcfr-seed-cta{ transition:none !important; }
}
