/**
 * Legal pages (template page-legale, Figma 169:405 · 169:511 · 170:531 · 170:621 · 170:718).
 * Body text is static (never faded): only the page header (voll-onload) fades on load.
 * Desktop: table of contents on 3 columns, text on 7 columns from column 5. Below 1024: text only.
 */

/* Draft notice – until the lawyer has validated the texts */
.voll-brouillon {
	display: inline-block;
	padding: 10px 16px;
	background-color: var(--pierre);
	color: var(--brun-nuit);
	font-size: var(--wp--preset--font-size--petit);
	line-height: 1.5;
	border-left: 3px solid var(--cuivre);
}

.voll-legal .voll-legal__maj { margin-top: 12px; font-size: var(--wp--preset--font-size--petit); }

.voll-legal .voll-contenu--etroit > .voll-legal__corps {
	max-width: none;
	margin-top: clamp(40px, 3vw + 28px, 64px);
}

.voll-legal__corps {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 var(--gouttiere);
	align-items: start;
}

/* Table of contents */
.voll-legal__sommaire { display: none; }

@media (min-width: 1024px) {
	.voll-legal__corps { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.voll-legal__sommaire {
		display: flex;
		flex-direction: column;
		gap: 12px;
		grid-column: 1 / span 3;
		position: sticky;
		top: 32px;
	}
	.voll-legal__texte { grid-column: 5 / span 7; }
}

.voll-legal__sommaire > * { margin: 0; }
.voll-legal__sommaire-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 16px;
	line-height: 1.4;
}
.voll-legal__sommaire-liste a { text-decoration: none; }
.voll-legal__sommaire-liste a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px; }

/* Text column: comfortable reading width, H2 48 px above, 16 px below */
.voll-legal__texte { max-width: 760px; }
.voll-legal__texte > * { margin-block: 16px 0; }
.voll-legal__texte > :first-child { margin-top: 0; }
.voll-legal .voll-legal__texte h2 {
	margin-top: 48px;
	font-size: var(--wp--preset--font-size--carte);
	line-height: 1.15;
	scroll-margin-top: 32px;
}
.voll-legal .voll-legal__texte h2:first-child { margin-top: 0; }
.voll-legal__texte h3 {
	margin-top: 32px;
	font-size: clamp(22px, 0.57vw + 19.8px, 28px);
	line-height: 1.2;
}
.voll-legal__texte p,
.voll-legal__texte li { line-height: 1.6; }

/* Lists: small dots like Figma, no rules */
.voll-legal__texte .wp-block-list:not(.is-style-trema):not(.is-style-filets) {
	list-style: none;
	padding-left: 0;
}
.voll-legal__texte .wp-block-list:not(.is-style-trema):not(.is-style-filets) > li {
	position: relative;
	padding-left: 20px;
}
.voll-legal__texte .wp-block-list:not(.is-style-trema):not(.is-style-filets) > li::before {
	content: "·";
	position: absolute;
	left: 4px;
	font-weight: 500;
}
.voll-legal__texte a { text-underline-offset: 3px; }