/* ============================================================================
   minecraft.fr — ARCHIVES / CATÉGORIES (PUBLIC) — liste + carrousel + pagination
   Reprend le reskin de l'accueil (mêmes modules Extra) mais SCOPÉ body.archive
   pour ne PAS toucher la home (body.blog) avant le go-live global.
   Repli var(--mc-*, …) : clair public, suit le dark quand redesign.css est chargé.
   (Au go-live, redesign.css couvrira aussi la home ; ces règles restent valables.)
   ============================================================================ */

/* ====================================================================== */
/*  CARTES ARTICLE (flux masonry)                                          */
/* ====================================================================== */
body.archive #content-area .post-module .post,
body.archive #content-area .posts-blog-feed-module .post{
  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.archive #content-area .post-module .post:hover{
  transform:translate(-1px,-1px) !important;
  box-shadow:6px 6px 0 var(--mc-shadow,#1E2422) !important;
}
body.archive #content-area .post-module .post .header .featured-image,
body.archive #content-area .post-module .post .featured-image{
  border-bottom:2px solid var(--mc-edge,#1E2422) !important;
  display:block;
}
body.archive #content-area .post-module .post .post-content{ padding:14px 16px 16px !important; }

body.archive #content-area .post-module .post .post-title,
body.archive #content-area .post-module .post h2.entry-title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; line-height:1.12 !important; margin:0 0 8px !important;
}
body.archive #content-area .post-module .post .post-title a,
body.archive #content-area .post-module .post h2.entry-title a{ color:var(--mc-ink,#1E2422) !important; }
body.archive #content-area .post-module .post:hover .post-title a{ color:var(--mc-tq-d,#11796A) !important; }

body.archive #content-area .post-module .post .post-meta,
body.archive #content-area .post-module .post .post-meta.vcard{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:12px !important; color:var(--mc-muted,#6B756F) !important;
}
body.archive #content-area .post-module .post .post-meta a{ color:var(--mc-tq-d,#11796A) !important; }

body.archive #content-area .post-module .post .excerpt,
body.archive #content-area .post-module .post .entry-summary{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:14px !important; line-height:1.55 !important; color:var(--mc-ink-2,#3C4742) !important;
}

/* ====================================================================== */
/*  PAGINATION EN BLOCS                                                     */
/* ====================================================================== */
body.archive #main-content ul.pagination,
body.archive #content-area ul.pagination{
  display:flex !important; gap:12px !important; list-style:none !important;
  justify-content:center !important; align-items:center !important; flex-wrap:wrap !important;
  margin-bottom:10px !important;
}
/* légende "Page X sur Y" (ajoutée par archive.js, façon maquette) */
.mcfr-pageinfo{
  text-align:center !important; margin:0 0 6px !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;
}
.mcfr-pageinfo b{ color:var(--mc-ink,#1E2422) !important; font-weight:700 !important; }
/* NE PAS forcer le display des li (Extra masque les pages en trop via display:none) */
body.archive #main-content ul.pagination li{ margin:0 !important; }
body.archive #main-content ul.pagination a,
body.archive #main-content ul.pagination span{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important;
  color:var(--mc-ink,#1E2422) !important;
  background:var(--mc-surface,#FFFFFF) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422) !important;
  font-size:15px !important; padding:0 10px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; min-width:42px !important; height:42px !important;
  white-space:nowrap !important; box-sizing:border-box !important; line-height:1 !important;
}
body.archive #main-content ul.pagination li.active a,
body.archive #main-content ul.pagination li.active span,
body.archive #main-content ul.pagination .current,
body.archive #main-content ul.pagination a:hover{
  background:var(--mc-tq,#1AA995) !important; color:#06231E !important;
  border-color:var(--mc-ink,#1E2422) !important;
}
body.archive #main-content ul.pagination li.ellipsis{
  background:transparent !important; box-shadow:none !important; border:0 !important;
}
body.archive #main-content ul.pagination li.ellipsis a,
body.archive #main-content ul.pagination .ellipsis a,
body.archive #main-content ul.pagination li.ellipsis span{
  border:0 !important; background:transparent !important; box-shadow:none !important;
  min-width:22px !important; padding:7px 2px !important; color:var(--mc-muted,#6B756F) !important;
}

/* ====================================================================== */
/*  CARROUSEL (posts-carousel-module) — en-tête secbar + cartes + flèches   */
/* ====================================================================== */
body.archive #content-area .posts-carousel-module{ border-top:0 !important; background:transparent !important; position:relative !important; }
body.archive #content-area .posts-carousel-module .module-head{
  display:flex !important; align-items:center !important; gap:12px !important;
  border:0 !important; border-bottom:0 !important; padding:0 92px 0 7px !important; margin:0 0 16px !important;
  background:none !important; min-height:36px;
}
/* padding-left 7px = aligne le titre sur les cartes ; padding-right 92px = la
   ligne (::after) s'arrête avant les flèches (plus de débordement dessus). */
body.archive #content-area .posts-carousel-module .module-head .module-filter{ display:none !important; }
body.archive #content-area .posts-carousel-module .module-head::after{
  content:"" !important; flex:1 1 auto !important; height:3px !important; background:var(--mc-ink,#1E2422) !important;
}
body.archive #content-area .posts-carousel-module .module-head h1{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:18px !important; text-transform:uppercase !important;
  letter-spacing:.04em !important; color:var(--mc-ink,#1E2422) !important; margin:0 !important;
  display:inline-flex !important; align-items:center; gap:12px;
}
body.archive #content-area .posts-carousel-module .module-head h1::before{
  content:"" !important; width:14px; height:14px;
  background:var(--mc-tq,#1AA995); border:2px solid var(--mc-edge,#1E2422); flex:0 0 auto;
}
body.archive #content-area .posts-carousel-module .module-head h1 a{ color:inherit !important; }

/* gouttière entre items : padding-right seul (box-sizing) → cartes alignées aux
   bords gauche/droit (comme le titre et les flèches), gap uniquement entre elles.
   La carte (bord + ombre) est reconstruite sur les 2 enfants image+texte. */
body.archive #content-area .posts-carousel-module .carousel-item,
body.archive #content-area .posts-carousel-module .carousel-item:nth-child(4n),
body.archive #content-area .posts-carousel-module .carousel-item:last-child{
  padding:0 7px !important; box-sizing:border-box !important;   /* gouttière 7px IDENTIQUE sur les 4 cartes */
  background:none !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; overflow:visible !important;
}
/* slide Divi : padding/margin annulés (sinon cartes décalées) */
body.archive #content-area .posts-carousel-module .carousel-group{ padding:0 !important; margin:0 !important; }
body.archive #content-area .posts-carousel-module .carousel-item .post-thumbnail{
  display:block !important;
  margin:0 !important;                 /* Divi met margin-left:10px → désaligne */
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:4px 0 0 var(--mc-shadow,#1E2422) !important;
  background:var(--mc-surface,#FFFFFF) !important;
}
body.archive #content-area .posts-carousel-module .post-content-box{
  margin:0 !important;
  border:2px solid var(--mc-edge,#1E2422) !important; border-top:0 !important;
  background:var(--mc-surface,#FFFFFF) !important;
  box-shadow:4px 4px 0 var(--mc-shadow,#1E2422) !important;
  padding:0 !important;
}
body.archive #content-area .posts-carousel-module .post-content{ padding:10px 13px 12px !important; background:none !important; }
body.archive #content-area .posts-carousel-module .entry-title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:14.5px !important; line-height:1.12 !important; margin:0 0 5px !important;
}
body.archive #content-area .posts-carousel-module .entry-title a{ color:var(--mc-ink,#1E2422) !important; }
body.archive #content-area .posts-carousel-module .carousel-item:hover .entry-title a{ color:var(--mc-tq-d,#11796A) !important; }
body.archive #content-area .posts-carousel-module .post-meta,
body.archive #content-area .posts-carousel-module .post-meta .updated{ color:var(--mc-muted,#6B756F) !important; font-size:12px !important; }

/* flèches blocky, repositionnées en haut à droite de la section */
body.archive #content-area .posts-carousel-module .et-pb-slider-arrows{
  position:absolute !important; top:-52px !important; right:7px !important;   /* aligné sur la dernière carte */
  display:flex !important; gap:8px !important; margin:0 !important; width:auto !important; z-index:6 !important;
}
body.archive #content-area .posts-carousel-module .et-pb-slider-arrows a{
  position:static !important; margin:0 !important; width:36px !important; height:36px !important;
  display:grid !important; place-items:center !important; opacity:1 !important; visibility:visible !important;
  background:var(--mc-surface,#FFFFFF) !important; border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422) !important; color:var(--mc-ink,#1E2422) !important; border-radius:0 !important;
}
body.archive #content-area .posts-carousel-module .et-pb-slider-arrows a:hover{
  background:var(--mc-tq,#1AA995) !important; color:#06231E !important;
}

/* ====================================================================== */
/*  TEXTE SEO BAS DE PAGE — même design que la HP (carte bone encadrée)     */
/*  Cible les modules .et_pb_text.et_pb_with_border, SAUF l'encart d'intro  */
/*  (.et_pb_text_0) qui garde son style .mc-intro.                          */
/* ====================================================================== */
body.archive #content-area .et_pb_extra_column_main .et_pb_text:not(.et_pb_text_0) h1,
body.archive #content-area .et_pb_extra_column_main .et_pb_text:not(.et_pb_text_0) h2,
body.archive #content-area .et_pb_extra_column_main .et_pb_text:not(.et_pb_text_0) h3{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; color:var(--mc-ink,#1E2422) !important;
}
body.archive #content-area .et_pb_extra_column_main .et_pb_text:not(.et_pb_text_0) 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.archive #content-area .et_pb_extra_column_main .et_pb_text:not(.et_pb_text_0) a:hover{
  color:var(--mc-ink,#1E2422) !important;
}
body.archive #content-area .et_pb_extra_column_main .et_pb_text.et_pb_with_border:not(.et_pb_text_0){
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh,4px 4px 0 #1E2422) !important;
  background:var(--mc-bone,#F4F1EA) !important;
  padding:18px 20px !important; border-radius:0 !important;
}

/* ====================================================================== */
/*  MOBILE                                                                 */
/* ====================================================================== */
@media only screen and (max-width:782px){
  body.archive #main-content ul.pagination a,
  body.archive #main-content ul.pagination span{ min-width:38px !important; height:38px !important; font-size:14px !important; }
}