/*
 * WinWin : pages Mentions legales et Donnees personnelles. Bandeau de la page Connexion (connexion.css), puis le texte
 * en une colonne de lecture.
 */

.ww-legal {
	padding-bottom: clamp(48px, 7vw, 96px);
	background: var(--ww-cream);
	font-family: var(--ww-sans);
	color: var(--ww-ink);
}

.ww-legal .ww-espace-bandeau {
	padding-bottom: clamp(26px, 4.5vw, 60px);
}

.ww-legal :is(h1, p) {
	margin: 0;
}

@media (max-width: 599px) {
	.ww-legal .ww-espace-bandeau {
		gap: 4px;
		padding: 18px var(--ww-gutter) 20px;
	}

	.ww-legal .ww-espace-titre {
		font-size: 2.1rem;
	}
}

.ww-legal-contenu {
	width: min(720px, calc(100% - 2 * var(--ww-gutter)));
	margin: clamp(24px, 4vw, 44px) auto 0;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ww-ink-soft);
}

.ww-legal-contenu h2 {
	margin: 2.2em 0 .6em;
	font-family: var(--ww-serif);
	font-size: clamp(1.45rem, 2.2vw, 1.8rem);
	font-weight: 500;
	line-height: 1.15;
	color: var(--ww-ink);
}

.ww-legal-contenu h2::before {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	margin-bottom: 12px;
	background: var(--ww-bronze);
}

.ww-legal-contenu p + p {
	margin-top: .8em;
}

.ww-legal-contenu ul {
	margin: .4em 0 .8em;
	padding-left: 1.2em;
}

.ww-legal-contenu li + li {
	margin-top: .35em;
}

.ww-legal-contenu strong {
	font-weight: 500;
	color: var(--ww-ink);
}

.ww-legal-contenu a {
	color: var(--ww-ink);
	text-decoration-color: var(--ww-sand);
	text-underline-offset: 3px;
}

.ww-legal-chapo {
	font-size: 1.1rem;
	color: var(--ww-ink);
}

.ww-legal-manque {
	padding: 0 6px;
	border-radius: 4px;
	color: #8c1d18;
	background: #fbeceb;
}

.ww-legal-maj {
	margin-top: 2.4em !important;
	font-size: .85rem;
}