/**
 * EZ TOC Companion Enhancements — styles
 * Ne modifie aucun fichier du plugin Easy Table of Contents.
 */

/* ==========================================================================
   1) SANGRIA PAR NIVEAU DE TITRE
   ==========================================================================
   Le plugin EZTOC pose déjà la classe "ez-toc-heading-level-N" (N = 2 à 6,
   correspondant à h2..h6) sur chaque <li> du sommaire, que la liste soit
   imbriquée (option "Hiérarchie" activée) ou plate (option désactivée).
   On force ici une sangria visuelle cohérente dans les DEUX cas, en se
   basant uniquement sur cette classe — donc indépendante du réglage
   "Hiérarchie" du plugin.

   Si jamais une ancienne version du plugin ne pose pas cette classe sur un
   item (cas rare), notre script JS (eztoc-companion.js) ajoute lui-même
   une classe de secours "eztoc-ce-level-N" en lisant le tag du titre cible
   (h2, h3, ...). Les règles ci-dessous couvrent les deux nomenclatures.
   ========================================================================== */

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-1,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-1,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-1,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-1 {
	padding-left: 0;
}

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-2,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-2,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-2 {
	padding-left: 0;
}

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-3,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-3,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-3,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-3 {
	padding-left: 1.25em;
}

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-4,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-4,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-4,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-4 {
	padding-left: 2.5em;
}

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-5,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-5,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-5,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-5 {
	padding-left: 3.75em;
}

#ez-toc-container .ez-toc-list li.ez-toc-heading-level-6,
#ez-toc-container .ez-toc-list li.eztoc-ce-level-6,
.ez-toc-widget-container .ez-toc-list li.ez-toc-heading-level-6,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-level-6 {
	padding-left: 5em;
}

/* Quand la hiérarchie native (<ul> imbriqués) est active, EZTOC applique
   déjà une marge sur les <ul> enfants. On neutralise un éventuel cumul
   avec notre padding pour éviter une double indentation. */
#ez-toc-container ul.ez-toc-list ul,
.ez-toc-widget-container ul.ez-toc-list ul {
	margin-left: 0;
}

/* ==========================================================================
   2) SUIVI DE LA POSITION DE LECTURE (élément actif)
   ==========================================================================
   Notre script ajoute la classe "eztoc-ce-active" sur le <li> correspondant
   au titre actuellement visible/lu dans l'article.
   ========================================================================== */

#ez-toc-container .ez-toc-list li.eztoc-ce-active,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-active {
	background-color: #EDEDED;
	border-radius: 3px;
	transition: background-color 0.15s ease-in-out;
}

#ez-toc-container .ez-toc-list li.eztoc-ce-active > a.ez-toc-link,
.ez-toc-widget-container .ez-toc-list li.eztoc-ce-active > a.ez-toc-link {
	font-weight: 700;
}

/* Variante sombre : si le conteneur a la classe ez-toc-black du plugin */
#ez-toc-container.ez-toc-black .ez-toc-list li.eztoc-ce-active {
	background-color: rgba(255, 255, 255, 0.15);
}