/* ============================================================================
   minecraft.fr — SOMMAIRE (Easy TOC) "Bloc par Bloc" (PUBLIC)
   Skin du plugin Easy Table of Contents (#ez-toc-container) sur le design
   .mc-toc : carte bone bordée + ombre, en-tête turquoise, numéros 01/02.
   Replis var(--mc-*, …) : marche en clair, suit le dark si redesign.css chargé.
   ============================================================================ */

/* ---- conteneur = carte ---- */
#ez-toc-container{
  background:var(--mc-bone,#F4F1EA) !important;
  border:2px solid var(--mc-edge,#1E2422) !important;
  box-shadow:var(--mc-sh,4px 4px 0 #1E2422) !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:4px 0 28px !important;
  width:auto !important; max-width:520px !important;
  display:block !important; float:none !important;
}

/* ---- en-tête turquoise ---- */
#ez-toc-container .ez-toc-title-container{
  background:var(--mc-tq,#1AA995) !important;
  border-bottom:2px solid var(--mc-edge,#1E2422) !important;
  padding:9px 16px !important; margin:0 !important;
  display:flex !important; align-items:center !important; gap:8px !important;
}
/* carré bloc signature avant "Sommaire" */
#ez-toc-container .ez-toc-title-container::before{
  content:"" !important; flex:0 0 auto;
  width:12px; height:12px; background:#06231E; display:inline-block;
}
#ez-toc-container p.ez-toc-title,
#ez-toc-container .ez-toc-title{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-weight:700 !important; font-size:15px !important;
  letter-spacing:.04em !important; text-transform:uppercase !important;
  color:#06231E !important; margin:0 !important;
}
/* toggle (flèche repli) masqué : sommaire statique comme la maquette */
#ez-toc-container .ez-toc-title-toggle{ display:none !important; }

/* ---- liste ---- */
#ez-toc-container nav,
#ez-toc-container .ez-toc-list-level-1{ background:none !important; }
#ez-toc-container ul.ez-toc-list{
  margin:0 !important; padding:12px 16px 14px !important;
  list-style:none !important; background:none !important;
  counter-reset:toc !important;
}
#ez-toc-container ul.ez-toc-list li,
#ez-toc-container ul.ez-toc-list li.ez-toc-page-1{
  counter-increment:toc !important;
  margin:0 0 6px !important; padding:0 0 0 30px !important;
  position:relative !important; line-height:1.4 !important;
  background:none !important; list-style:none !important;
}
/* numéro 01, 02, … */
#ez-toc-container ul.ez-toc-list li::before{
  content:counter(toc,decimal-leading-zero) !important;
  position:absolute !important; left:0; top:1px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif) !important;
  font-size:12px !important; font-weight:700 !important;
  color:var(--mc-tq-d,#11796A) !important;
}
/* liens */
#ez-toc-container a.ez-toc-link,
#ez-toc-container .ez-toc-list a{
  color:var(--mc-ink,#1E2422) !important; text-decoration:none !important;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:14px !important; font-weight:600 !important;
  background:none !important;
}
#ez-toc-container a.ez-toc-link:hover,
#ez-toc-container .ez-toc-list a:hover{
  color:var(--mc-tq-d,#11796A) !important; text-decoration:underline !important;
}
/* entrée active (scroll) */
#ez-toc-container a.ez-toc-link.active,
#ez-toc-container .ez-toc-link-highlight{ color:var(--mc-tq-d,#11796A) !important; }

/* ---- sous-niveaux ---- */
#ez-toc-container ul.ez-toc-list ul{
  padding:6px 0 0 0 !important; margin:0 !important; list-style:none !important;
}
#ez-toc-container ul.ez-toc-list ul li{ padding-left:30px !important; }
#ez-toc-container ul.ez-toc-list ul a.ez-toc-link,
#ez-toc-container ul.ez-toc-list ul a{
  font-weight:500 !important; font-size:13px !important; color:var(--mc-ink-2,#3C4742) !important;
}

/* ---- mobile : pleine largeur ---- */
@media only screen and (max-width:782px){
  #ez-toc-container{ max-width:none !important; }
}