/* ============================================================================
   minecraft.fr — PAGES WP "Bloc par Bloc" (PUBLIC) — toutes les "pages"
   (FAQ / guides / pages statiques). Scope body.page → cible TOUTES les pages
   WordPress (pas les articles). Reprend le look article (panneau feuille +
   titres Space Grotesk) + fil d'Ariane en boîte + bas (notation compacte,
   « Vous aimerez aussi »). Les blocs absents (notation, related) ne s'appliquent
   que là où ils existent.
   Replis var(--mc-*, …) : clair public, suit le dark si redesign.css chargé.
   ============================================================================ */

/* ====================================================================== */
/*  FIL D'ARIANE (#breadcrumbs Yoast) → boîte bone "ar-crumb"              */
/* ====================================================================== */
body.page #breadcrumbs,
body.page p#breadcrumbs{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:7px !important;
  margin:18px 0 18px !important; padding:11px 14px !important;
  background:var(--mc-bone,#F4F1EA) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422) !important;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:13px !important; color:var(--mc-ink-2,#3C4742) !important;
  border-radius:0 !important;
}
body.page #breadcrumbs::before{
  content:"" !important; flex:0 0 auto; width:11px; height:11px;
  background:var(--mc-tq,#1AA995); box-shadow:inset -3px -3px 0 rgba(0,0,0,.2);
}
body.page #breadcrumbs a{
  color:var(--mc-tq-d,#11796A) !important; font-weight:700 !important; text-decoration:none !important;
}
body.page #breadcrumbs a:hover{ text-decoration:underline !important; }
body.page #breadcrumbs .breadcrumb_last,
body.page #breadcrumbs > span > span:last-child{ color:var(--mc-ink,#1E2422) !important; font-weight:700 !important; }

/* ====================================================================== */
/*  PANNEAU "FEUILLE" + CORPS (comme l'article)                            */
/* ====================================================================== */
body.page .et_pb_extra_column_main article.page,
body.page .et_pb_extra_column_main .et_pb_post{
  background:var(--mc-paper,#FFFFFF) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh,4px 4px 0 #1E2422) !important;
  border-radius:0 !important;
  padding:16px !important;
  margin:0 0 26px !important;
}
/* titre de la page */
body.page .et_pb_extra_column_main article .entry-title,
body.page .et_pb_extra_column_main article h1.entry-title,
body.page .et_pb_extra_column_main .post-title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:clamp(27px,3.4vw,40px) !important;
  line-height:1.04 !important; color:var(--mc-ink,#1E2422) !important; margin:0 0 12px !important;
}
/* corps : titres Space Grotesk, paragraphes IBM Plex, liens turquoise */
body.page .post-content h2,
body.page .post-content h3,
body.page .post-content h4{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; color:var(--mc-ink,#1E2422) !important;
}
body.page .post-content h2{ font-size:23px !important; margin:26px 0 12px !important; }
body.page .post-content h3{ font-size:19px !important; margin:22px 0 10px !important; }
body.page .post-content p,
body.page .post-content li{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:15.5px !important; line-height:1.7 !important; color:var(--mc-ink-2,#3C4742) !important;
}
body.page .post-content a{
  color:var(--mc-tq-d,#11796A) !important; font-weight:600 !important;
  text-decoration:underline !important; text-decoration-color:var(--mc-tq-l,#34CBB2) !important; text-underline-offset:2px !important;
}
body.page .post-content a:hover{ color:var(--mc-ink,#1E2422) !important; }
body.page .post-content strong{ color:var(--mc-ink,#1E2422) !important; }
/* images du corps : encadrées bloc */
body.page .post-content img{
  border:2px solid var(--mc-edge,#1E2422) !important; box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422) !important;
  border-radius:0 !important; height:auto;
}
body.page .post-content figure,
body.page .post-content .wp-caption{ max-width:100% !important; }
body.page .post-content figcaption,
body.page .post-content .wp-caption-text{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-style:italic !important; font-size:12.5px !important; color:var(--mc-muted,#6B756F) !important; margin-top:6px !important;
}

/* ====================================================================== */
/*  NOTATION (kk Star Ratings) — version compacte façon maquette           */
/* ====================================================================== */
body.page .kk-star-ratings{
  display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important;
  margin:24px 0 6px !important; padding:8px 14px !important;
  border:2px solid var(--mc-line-2,#CFCABD) !important; background:var(--mc-bone,#F4F1EA) !important;
  border-radius:0 !important; box-shadow:none !important; width:auto !important; float:none !important;
}
body.page .kk-star-ratings::before{
  content:"VOTRE AVIS" !important;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:11px !important; letter-spacing:.1em !important;
  color:var(--mc-muted,#6B756F) !important; flex:0 0 auto;
}
body.page .kk-star-ratings .kksr-stars{ margin:0 !important; }
body.page .kk-star-ratings .kksr-legend{
  margin:0 0 0 auto !important; padding:0 !important;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:12.5px !important; color:var(--mc-muted,#6B756F) !important;
}

/* ====================================================================== */
/*  « VOUS AIMEREZ AUSSI » (CRP) → en-tête secbar + cartes                  */
/* ====================================================================== */
body.page .crp_related{
  margin:30px 0 8px !important; clear:both !important; background:none !important; border:0 !important; padding:0 !important;
}
/* titre = secbar (carré turquoise + Space Grotesk + filet) */
body.page .crp_related h3{
  display:flex !important; align-items:center !important; gap:12px !important;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:18px !important; letter-spacing:.04em !important;
  text-transform:uppercase !important; color:var(--mc-ink,#1E2422) !important;
  line-height:1 !important; margin:0 0 16px !important;
}
body.page .crp_related h3::before{
  content:"" !important; flex:0 0 auto; width:16px; height:16px;
  background:var(--mc-tq,#1AA995); border:2px solid var(--mc-edge,#1E2422);
}
body.page .crp_related h3::after{
  content:"" !important; flex:1 1 auto; height:3px; background:var(--mc-ink,#1E2422);
}
/* grille de cartes */
body.page .crp_related ul{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important;
  list-style:none !important; margin:0 !important; padding:0 !important;
}
body.page .crp_related ul li{ margin:0 !important; padding:0 !important; list-style:none !important; background:none !important; }
body.page .crp_related .crp_link{
  display:block !important; text-decoration:none !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; overflow:hidden;
  transition:transform .08s ease, box-shadow .08s ease;
}
body.page .crp_related .crp_link:hover{
  transform:translate(-1px,-1px) !important; box-shadow:6px 6px 0 var(--mc-shadow,#1E2422) !important;
}
body.page .crp_related .crp_link img,
body.page .crp_related .crp_thumb{
  display:block !important; width:100% !important; height:auto !important;
  border:0 !important; border-bottom:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:none !important; margin:0 !important; border-radius:0 !important;
}
/* le titre de la carte (texte du lien) */
body.page .crp_related .crp_title,
body.page .crp_related .crp_link{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:14px !important; line-height:1.25 !important;
  color:var(--mc-ink,#1E2422) !important;
}
body.page .crp_related .crp_title{ display:block !important; padding:11px 13px 13px !important; }
body.page .crp_related .crp_link:hover .crp_title,
body.page .crp_related .crp_link:hover{ color:var(--mc-tq-d,#11796A) !important; }
body.page .crp_clear{ clear:both; }

/* ====================================================================== */
/*  MOBILE                                                                 */
/* ====================================================================== */
@media only screen and (max-width:782px){
  body.page .et_pb_extra_column_main article.page,
  body.page .et_pb_extra_column_main .et_pb_post{ padding:12px !important; }
  body.page .crp_related ul{ grid-template-columns:1fr !important; }
  body.page .kk-star-ratings .kksr-legend{ margin-left:0 !important; }
}