/* ==========================================================================
   Le pagine legali — Fondazione Zappalà - ETS

   Caricato solo sulle otto pagine legali, e sempre: la tabella dei cookie
   esiste anche quando non c'è nessun cookie da elencare, perché dire «non ce
   n'è» è una dichiarazione, non un silenzio.
   ========================================================================== */

/* Il tema non definisce .screen-reader-text: senza questa regola le
   didascalie per i lettori di schermo comparirebbero in pagina. Meglio una
   classe nostra che dipendere da una che potrebbe non esserci. */
.fzl-solo-lettori {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* La stessa tavolozza del banner. Ripetuta perché questo foglio gira anche da
   solo: sulle pagine legali di un sito che non usa servizi di terzi, banner.css
   non viene nemmeno accodato. */
:root {
	--fzl-blu: #031537;
	--fzl-oro: #c79542;
	--fzl-oro-testo: #7e5d26;
	--fzl-avorio: #f6f3ee;
	--fzl-sabbia: #e7dfd2;
	--fzl-grigio: #5e6472;
}

/* --- La tabella dei cookie, dentro le pagine legali ----------------------- */

.fzl-tabella-fuori { overflow-x: auto; margin: 1.5rem 0; }

.fzl-tabella {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
	min-width: 52rem;
}
.fzl-tabella th,
.fzl-tabella td {
	border-bottom: 1px solid var(--fzl-sabbia);
	padding: 0.85rem 0.9rem;
	text-align: left;
	vertical-align: top;
}
.fzl-tabella thead th {
	border-bottom: 2px solid var(--fzl-oro);
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--fzl-oro-testo);
	font-weight: 600;
}
/* I nomi dei cookie sono stringhe lunghe senza spazi: se la colonna è stretta
   il browser le spezza a metà parola e diventano illeggibili. Le si dà una
   larghezza minima, e si spezza solo quando davvero non ci sta. */
.fzl-tabella tbody th {
	font-weight: 600;
	min-width: 11rem;
	overflow-wrap: anywhere;
}
.fzl-tabella td:first-of-type { min-width: 9rem; }
.fzl-tabella a { color: var(--fzl-oro-testo); }
.fzl-dove { font-size: 0.8125rem; color: var(--fzl-grigio); }