/* =========================================================
   sommaire.css : Sommaire des chapitres (colonne de gauche)
   ========================================================= */

/* ===== Sommaire des chapitres (colonne de gauche) ===== */
/* le thème colle le sommaire sous la barre : on ajoute la marge de la capsule */
.bs-sidebar.affix {
	top: calc(3.5rem + 2.5rem);
}
#toc-collapse.card.bg-light {
	background: transparent !important;
	border: none;
	max-height: calc(100vh - 8rem);
	overflow-y: auto;
}
/* titre "Sur cette page" au-dessus des chapitres */
#toc-collapse > .nav::before {
	content: "Sur cette page";
	display: block;
	margin: 0 0 0.6rem 0.9rem;
	color: var(--texte-doux);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
/* ligne verticale le long des chapitres */
#toc-collapse > .nav > li {
	border-left: 1px solid var(--bordure);
}
.bs-sidebar .nav > li > a {
	margin-left: -1px;
	padding: 0.3rem 0.9rem;
	color: var(--texte-doux);
	font-size: 0.9rem;
	line-height: 1.35;
	border-left: 2px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}
/* premier niveau (titre de la page) : plus marqué */
.bs-sidebar [data-bs-level="1"] > a {
	color: var(--titre);
	font-weight: 600;
}
/* niveaux inférieurs : plus petits et décalés */
.bs-sidebar .nav .nav > li > a {
	padding-left: 1.5rem;
	font-size: 0.86rem;
}
.bs-sidebar .nav .nav .nav > li > a {
	padding-left: 2.1rem;
	font-size: 0.82rem;
}
.bs-sidebar .nav .nav .nav {
	margin-left: 0;
}
/* le thème ajoute une bordure à droite au survol et sur la section active : on la retire */
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
	color: var(--titre);
	border-right: none;
	border-left-color: var(--texte-doux);
}
/* chapitre en cours : trait coloré sur la ligne et léger dégradé */
.bs-sidebar .nav > li > a.active,
.bs-sidebar .nav > li > a.active:hover,
.bs-sidebar .nav > li > a.active:focus {
	color: var(--accent);
	font-weight: 600;
	border-right: none;
	border-left-color: var(--accent);
	background: linear-gradient(90deg, var(--accent-leger), transparent);
}

/* Bootstrap marque aussi comme actifs tous les chapitres parents du chapitre en cours :
   seul le plus précis est mis en valeur, les parents gardent leur apparence normale */
.bs-sidebar li:has(li > a.active) > a.active {
	color: var(--texte-doux);
	font-weight: 400;
	border-left-color: transparent;
	background: none;
}
.bs-sidebar [data-bs-level="1"]:has(li > a.active) > a.active {
	color: var(--titre);
	font-weight: 600;
}