/* =================================================================================================
   Vitadomicile — les trois pages légales
   Un texte long, lu par des personnes âgées ou leurs proches : même corps de 19 px que la page
   d'accueil, même longueur de ligne, titres espacés pour qu'on retrouve un article d'un coup d'œil.
   ================================================================================================= */

/* Pas de barre d'appel sur ces pages : la réserve du corps n'a plus lieu d'être. */
body.vita.vita--page-legale { padding-bottom: 0; }

.vita .vita-legal { padding-top: var(--e4); }

.vita .vita-legal__article {
	max-width: calc(var(--mesure) + 4rem);
	display: flex;
	flex-direction: column;
	gap: var(--e2);
}
.vita .vita-legal__article > h1 { font-size: var(--t-titre); font-weight: 600; }
.vita .vita-legal__article section { display: flex; flex-direction: column; gap: var(--e2); padding-top: var(--e3); scroll-margin-top: var(--e3); }
.vita .vita-legal__article h2 { font-size: var(--t-sous); font-weight: 600; }
.vita .vita-legal__article h3 { font-size: 19px; margin-top: var(--e1); }

.vita .vita-legal__article ul.vita-legal__liste { list-style: disc; padding-left: 1.4em; display: grid; gap: var(--e1); }

.vita .vita-legal__sommaire {
	padding: var(--e3);
	background: var(--turquoise-voile);
	border-radius: var(--rayon-carte);
}
.vita .vita-legal__sommaire ol { list-style: decimal; padding-left: 1.6em; display: grid; gap: 2px; }
.vita .vita-legal__sommaire a:not(.vita-bouton) { color: var(--turquoise-encre); }

/* Fiche d'identité : deux colonnes sur grand écran, empilée sur mobile */
.vita .vita-legal__fiche { display: grid; grid-template-columns: 1fr; gap: 0 var(--e3); margin: 0; }
.vita .vita-legal__fiche dt { font-weight: 600; color: var(--turquoise-encre); margin-top: var(--e2); }
.vita .vita-legal__fiche dd { margin: 0; }
@media (min-width: 44rem) {
	.vita .vita-legal__fiche { grid-template-columns: minmax(12rem, auto) 1fr; row-gap: var(--e1); }
	.vita .vita-legal__fiche dt { margin-top: 0; }
}

/* Tableaux : défilement horizontal dans leur cadre, jamais de la page */
.vita .vita-legal__tableau { overflow-x: auto; border: 1px solid rgba(8, 96, 108, .18); border-radius: var(--rayon-bouton); }
.vita .vita-legal__tableau table { width: 100%; border-collapse: collapse; font-size: 17px; line-height: 1.5; }
.vita .vita-legal__tableau th,
.vita .vita-legal__tableau td { text-align: left; vertical-align: top; padding: var(--e1) var(--e2); border-bottom: 1px solid rgba(8, 96, 108, .12); min-width: 9rem; }
.vita .vita-legal__tableau th { background: var(--turquoise-voile); color: var(--turquoise-encre); font-weight: 600; }
.vita .vita-legal__tableau tr:last-child td { border-bottom: 0; }

.vita .vita-legal code { font-size: .9em; background: var(--turquoise-voile); padding: 1px 6px; border-radius: 4px; white-space: nowrap; }

/* Le formulaire de rétractation : encadré, pour qu'il se repère et s'imprime seul */
.vita .vita-legal__formulaire {
	margin-top: var(--e3);
	padding: var(--e3) !important;
	border: 2px dashed var(--turquoise-profond);
	border-radius: var(--rayon-carte);
	background: #fff;
}
.vita .vita-legal__lignes { display: grid; gap: var(--e2); overflow-wrap: anywhere; }

@media print {
	body.vita.vita--page-legale .vita-entete,
	body.vita.vita--page-legale .vita-pied,
	body.vita.vita--page-legale .vita-legal__sommaire,
	body.vita.vita--page-legale .vita-legal__formulaire button { display: none !important; }
	body.vita.vita--page-legale { font-size: 12pt; }
}