/* ============================================================================
   minecraft.fr — CATÉGORIES "Bloc par Bloc" (PUBLIC) — version AUTO
   ----------------------------------------------------------------------------
   AUCUNE manipulation par catégorie. L'encadré d'intro s'applique tout seul au
   1er module Texte de toute page catégorie (Divi le nomme toujours .et_pb_text_0,
   dans la colonne principale .et_pb_extra_column_main).
   Les lignes de liens (label + plusieurs <a> séparés par « | ») sont détectées
   par assets/category.js qui leur pose la classe .mcfr-chipline (+ data-mc-chip
   1/2/3 pour la couleur) et retire les séparateurs. Le CSS les rend en "chips",
   couleur alternée : 1re ligne turquoise, 2e or, 3e violet.
   Replis var(--mc-*, …) : clair public, suit le dark.
   (Classe "mc-intro" sur un module = force le rendu si l'intro n'est pas le 1er.)
   ============================================================================ */

/* ====================================================================== */
/*  ENCADRÉ D'INTRO (auto sur le 1er module texte de la catégorie)         */
/* ====================================================================== */
body.category .et_pb_extra_column_main .et_pb_text_0,
.mc-intro{
  position:relative !important;
  overflow:visible !important;            /* sinon Divi (overflow:hidden) clippe le liseré */
  background:var(--mc-surface,#FFFFFF) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  border-top:0 !important;
  box-shadow:var(--mc-sh,4px 4px 0 #1E2422) !important;
  padding:15px 22px 17px !important;
  margin:14px 0 22px !important;
}
body.category .et_pb_extra_column_main .et_pb_text_0::before,
.mc-intro::before{
  content:""; display:block; position:absolute; left:-2px; right:-2px; top:-6px;
  height:6px; background:var(--mc-tq,#1AA995);
}

/* —— prose (paragraphes hors lignes de chips) —— */
body.category .et_pb_extra_column_main .et_pb_text_0 p,
.mc-intro p{
  font-size:15px; line-height:1.5; color:var(--mc-ink-2,#3C4742); margin:0 0 9px;
}
body.category .et_pb_extra_column_main .et_pb_text_0 p:last-child,
.mc-intro p:last-child{ margin-bottom:0; }
body.category .et_pb_extra_column_main .et_pb_text_0 strong,
.mc-intro strong{ color:var(--mc-ink,#1E2422); font-weight:700; }

/* liens de prose (paragraphes NON chip) : turquoise net (bat la couleur Extra) */
body.category .et_pb_extra_column_main .et_pb_text_0 p:not(.mcfr-chipline) a,
.mc-intro p:not(.mcfr-chipline) a{
  color:var(--mc-tq-d,#11796A) !important; font-weight:600;
  text-decoration:underline !important; text-decoration-thickness:2px; text-underline-offset:2px;
}

/* ====================================================================== */
/*  LIGNES DE CHIPS (.mcfr-chipline posée par category.js)                 */
/*  couleur via --c (data-mc-chip) : 1 turquoise · 2 or · 3 violet         */
/* ====================================================================== */
.mcfr-chipline{ --c:var(--mc-tq,#1AA995); --c-on:#06231E; text-align:left !important; line-height:1.95 !important; margin-bottom:7px !important; }
.mcfr-chipline[data-mc-chip="2"]{ --c:var(--mc-gold-d,#C8861B); --c-on:#2A1D02; }
.mcfr-chipline[data-mc-chip="3"]{ --c:#7A5BB0; --c-on:#FFFFFF; }

/* puce carrée + libellé en tête de ligne (le texte/strong avant les chips) */
.mcfr-chipline > strong:first-child,
.mcfr-chipline b{ color:var(--mc-ink,#1E2422) !important; font-weight:700; }

/* le chip = chaque <a> de la ligne */
body.category .et_pb_extra_column_main .et_pb_text_0 .mcfr-chipline a,
.mc-intro .mcfr-chipline a{
  display:inline-block; vertical-align:middle;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-weight:600 !important; font-size:13px !important; line-height:1.15 !important;
  color:var(--c) !important;
  background:var(--mc-surface,#FFFFFF) !important; text-decoration:none !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:2px 2px 0 var(--mc-shadow,#1E2422);
  padding:4px 11px !important; margin:0 6px 7px 0 !important;
  transition:transform .08s ease, box-shadow .08s ease, background .15s ease, color .15s ease;
}
body.category .et_pb_extra_column_main .et_pb_text_0 .mcfr-chipline a:hover,
.mc-intro .mcfr-chipline a:hover{
  background:var(--c) !important; color:var(--c-on) !important;
  transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--mc-shadow,#1E2422);
}
body.category .et_pb_extra_column_main .et_pb_text_0 .mcfr-chipline a:active,
.mc-intro .mcfr-chipline a:active{ transform:translate(1px,1px); box-shadow:1px 1px 0 var(--mc-shadow,#1E2422); }

/* ====================================================================== */
/*  RECHERCHE GOOGLE CSE dans l'encart — même habillage que la sidebar     */
/* ====================================================================== */
.et_pb_text_0 .gsc-control-searchbox-only,
.mc-intro .gsc-control-searchbox-only{ padding:0 !important; font-family:var(--mc-sans,system-ui,sans-serif) !important; }
.et_pb_text_0 form.gsc-search-box, .et_pb_text_0 table.gsc-search-box,
.mc-intro form.gsc-search-box, .mc-intro table.gsc-search-box{ margin:0 !important; border:0 !important; background:none !important; }
.et_pb_text_0 .gsc-search-box tbody, .et_pb_text_0 .gsc-search-box tr, .et_pb_text_0 .gsc-search-box td,
.mc-intro .gsc-search-box tbody, .mc-intro .gsc-search-box tr, .mc-intro .gsc-search-box td{ border:0 !important; padding:0 !important; background:none !important; vertical-align:middle !important; }
.et_pb_text_0 td.gsc-input, .mc-intro td.gsc-input{ padding:0 !important; }
.et_pb_text_0 .gsc-input-box, .mc-intro .gsc-input-box{
  height:auto !important; padding:0 !important;
  border:2px solid var(--mc-edge,#1E2422) !important; border-radius:0 !important;
  background:var(--mc-bone,#F4F1EA) !important; box-shadow:none !important;
}
.et_pb_text_0 .gsc-input-box table, .et_pb_text_0 .gsc-input-box td,
.mc-intro .gsc-input-box table, .mc-intro .gsc-input-box td{ border:0 !important; background:none !important; }
.et_pb_text_0 input.gsc-input, .mc-intro input.gsc-input{
  box-sizing:border-box !important; height:auto !important; margin:0 !important;
  padding:11px 13px !important; font-family:var(--mc-sans,system-ui,sans-serif) !important;
  font-size:14px !important; color:var(--mc-ink,#1E2422) !important;
  background:transparent none !important; text-indent:0 !important;
}
.et_pb_text_0 input.gsc-input::placeholder, .mc-intro input.gsc-input::placeholder{ color:var(--mc-muted,#6B756F) !important; }
.et_pb_text_0 td.gsc-clear-button, .mc-intro td.gsc-clear-button{ display:none !important; }
.et_pb_text_0 td.gsc-search-button, .mc-intro td.gsc-search-button{ padding:0 !important; }
.et_pb_text_0 .gsc-search-button-v2, .et_pb_text_0 button.gsc-search-button-v2,
.mc-intro .gsc-search-button-v2, .mc-intro button.gsc-search-button-v2{
  width:52px !important; min-height:46px !important; height:100% !important;
  margin:0 !important; padding:0 !important;
  border:2px solid var(--mc-edge,#1E2422) !important; border-radius:0 !important;
  background:var(--mc-tq,#1AA995) !important; box-shadow:none !important;
  display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important;
}
.et_pb_text_0 .gsc-search-button-v2:hover, .mc-intro .gsc-search-button-v2:hover{ background:var(--mc-tq-l,#34CBB2) !important; }
.et_pb_text_0 .gsc-search-button-v2 svg, .mc-intro .gsc-search-button-v2 svg{ width:16px !important; height:16px !important; fill:#06231E !important; }
/* la recherche prend toute la largeur de l'encart, max 560px */
.et_pb_text_0 .gsc-control-searchbox-only, .mc-intro .gsc-control-searchbox-only{ max-width:560px; }

/* ====================================================================== */
/*  MOBILE                                                                 */
/* ====================================================================== */
@media only screen and (max-width:782px){
  body.category .et_pb_extra_column_main .et_pb_text_0,
  .mc-intro{ padding:16px 14px 18px !important; }
  body.category .et_pb_extra_column_main .et_pb_text_0 .mcfr-chipline a,
  .mc-intro .mcfr-chipline a{ font-size:12.5px !important; padding:4px 9px !important; }
}
