/**
 * Pagine legali — Privacy Policy e Cookie Policy.
 *
 * Sono le due pagine del sito che nessuno visita per piacere: ci si arriva dal
 * rigo in fondo al footer, si cerca una cosa precisa e si esce. Il disegno
 * quindi non aggiunge niente — nessuna fotografia, nessuna entrata in scena,
 * nessun invito — e si limita a tenere il testo leggibile e riconoscibile come
 * parte di questo sito: la stessa banda d'apertura delle altre pagine interne,
 * più stretta, e la colonna di lettura dell'articolo.
 *
 * Il testo vero non sta nel tema: arriva da uno snippet incollato nella pagina
 * — iubenda, Cookiebot o simili — che porta il suo markup e spesso i suoi
 * stili. Per questo le regole qui sotto vestono i tag e non delle classi
 * nostre: quel che arriva sono `h2`, `p`, `ul`, `a`, e sono gli unici appigli
 * che si hanno. Restano valide anche il giorno in cui il testo venisse
 * incollato a mano come blocchi.
 *
 * La banda d'apertura ridotta non sta più qui: `.page-hero--breve` è un
 * modificatore di `page-hero` e vive in quel foglio, perché ora la usa anche
 * il modello «Pagina di testo», che di legale non ha niente.
 */

/* --- La colonna del testo ---------------------------------------------- */

.legale {
	padding-block: clamp( 48px, 6vw, 88px ) clamp( 64px, 9vw, 120px );
}

/* La stessa misura del corpo dell'articolo, e per la stessa ragione: è testo
   lungo da leggere in fila, non un impaginato. Il token sta in theme.json. */
.legale__inner {
	max-width: var(--wp--custom--layout--reading);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--50);
}

.wp-block-group.legale__inner > * {
	margin-block-start: 0;
}

/* --- Il testo che arriva dallo snippet ---------------------------------- */

.legale__testo {
	color: var(--wp--preset--color--ink-soft);
	font-size: clamp( 15px, 1.05vw, 17px );
	line-height: 1.7;
}

.legale__testo > * + * {
	margin-block-start: 16px;
}

.legale__testo h2 {
	margin-block: clamp( 32px, 3.5vw, 48px ) 12px;
	font-size: clamp( 20px, 2vw, 28px );
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--petrol);
}

.legale__testo h3 {
	margin-block: clamp( 24px, 2.5vw, 32px ) 8px;
	font-size: clamp( 17px, 1.5vw, 21px );
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--petrol);
}

/* Il primo titolo non deve staccarsi dall'alto: sopra c'è già il respiro
   della sezione. */
.legale__testo > :first-child {
	margin-block-start: 0;
}

.legale__testo ul,
.legale__testo ol {
	margin-block: 12px;
	padding-inline-start: 22px;
}

.legale__testo li + li {
	margin-block-start: 6px;
}

.legale__testo a {
	color: var(--wp--preset--color--rosso);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.legale__testo a:hover,
.legale__testo a:focus-visible {
	color: var(--wp--preset--color--rosso-warm);
}

/* Gli snippet delle piattaforme di consenso stampano spesso una tabella dei
   cookie, larga quanto le viene: senza questo scorre la pagina intera in
   orizzontale invece della sola tabella. */
.legale__testo table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.legale__testo th,
.legale__testo td {
	padding: 10px 12px;
	border: 1px solid var(--wp--preset--color--gray-line);
	text-align: left;
	vertical-align: top;
}

.legale__testo th {
	font-weight: 700;
	color: var(--wp--preset--color--petrol);
}

/* --- Il segnaposto dell'informativa -------------------------------------
   Sta qui e non in un foglio suo perché vive solo dentro a queste due pagine,
   e ha vita breve: quando arriva il testo vero, la shortcode che lo produce
   viene sostituita e questa regola smette da sola di trovare qualcosa. */
.legale__segnaposto {
	margin: 0;
	font-style: italic;
	color: var(--wp--preset--color--muted);
}