/**
 * Pagine legali (Privacy Policy, Note legali, Cookie Policy). Contenuto
 * avvolto in .wc-legal da inc/legal-pages.php (stesso pattern token di
 * .wc-chisiamo/.wc-home): tipografia riallineata al resto del sito —
 * Astra applicava qui ancora i suoi colori globali di default mai
 * sovrascritti (heading ciano #22aed1, link blu #135189), mai la
 * colonna di lettura "prosa" da 720px già in uso su Chi siamo. Tabelle
 * avvolte in .wc-table-scroll — min-width forza lo scroll orizzontale
 * nel contenitore invece di schiacciare le colonne o sforare la
 * larghezza della pagina su mobile.
 */
.wc-legal {
	--wc-navy: #1A237E;
	--wc-cyan-deep: #0092A8;
	--wc-line: #E2E5EA;
	--wc-surface-2: #EEF1F5;
	--wc-text-soft: #5B6178;
	max-width: var(--wc-prose-width, 720px);
	margin: 0 auto;
	padding: 8px 2px 64px;
	font-family: 'Karla', sans-serif;
}

/* H1 renderizzato da Astra sopra .entry-content (fuori da .wc-legal,
   dentro .entry-header) - scoping via body class nativo page-id-*.
   Prima versione cercava ".entry-title.page-title": classe verificata
   dal vivo sulle 3 pagine, è solo ".entry-title" (nessun ".page-title"
   nel markup reale) - selettore non scattava mai, H1 restava sul ciano
   di default di Astra. .entry-header allineato alla stessa colonna di
   lettura da 720px di .wc-legal sotto, altrimenti il titolo resterebbe
   a piena larghezza (1200px) sopra un testo più stretto e centrato. */
body.page-id-3 .entry-header,
body.page-id-13 .entry-header,
body.page-id-9890 .entry-header {
	max-width: var(--wc-prose-width, 720px);
	margin: 0 auto;
	padding: 0 2px;
}
body.page-id-3 .entry-title,
body.page-id-13 .entry-title,
body.page-id-9890 .entry-title {
	font-family: 'Rubik', sans-serif;
	font-weight: 800;
	color: var(--wc-navy, #1A237E);
}

.wc-legal h3 { font-family: 'Rubik', sans-serif; font-weight: 700; font-size: 1.2rem; color: var(--wc-navy); margin: 2.1em 0 .6em; }
.wc-legal h3:first-of-type { margin-top: .6em; }
.wc-legal p, .wc-legal li { font-size: 1rem; color: var(--wc-text-soft); line-height: 1.65; }
.wc-legal p { margin: 0 0 1.1em; }
.wc-legal ul { margin: 0 0 1.1em; padding-left: 1.3em; }
.wc-legal li { margin-bottom: .5em; }
.wc-legal li:last-child { margin-bottom: 0; }
.wc-legal strong { color: var(--wc-navy); }
.wc-legal em { color: var(--wc-text-soft); }
.wc-legal a { color: var(--wc-cyan-deep); }
.wc-legal a:hover { text-decoration: underline; }

.wc-legal table { width: 100%; border-collapse: collapse; margin: 0; }
.wc-legal table th, .wc-legal table td { padding: 9px 12px; text-align: left; border: 1px solid var(--wc-line); font-size: .86rem; line-height: 1.5; vertical-align: top; color: var(--wc-text-soft); }
.wc-legal table th { background: var(--wc-surface-2); color: var(--wc-navy); font-family: 'Rubik', sans-serif; font-weight: 700; white-space: nowrap; }
.wc-legal table code { font-size: .82em; background: var(--wc-surface-2); padding: 1px 5px; border-radius: 4px; color: var(--wc-text-soft); }
.wc-legal .wc-table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 1.4em; border-radius: 10px; }
.wc-legal .wc-table-scroll table { min-width: 560px; margin: 0; }