/* De Lux 21 · Privacy e cookie (pagine dei documenti legali).
   ---------------------------------------------------------------------------
   Si carica insieme a `editoriale` ($page['css'] accetta un elenco), e non sta
   in components.css perche' queste tre classi le usa un partial solo. Se un
   giorno il blocco dei dati del titolare finisse anche altrove, va spostato
   li': e' la regola del nastro delle anteprime, che una volta e' costata una
   fascia alta mezza pagina.

   Le classi arrivano dai blocchi costruiti in lib/legale.php, che entrano in
   pagina DOPO rich_sanitize() ed e' il motivo per cui possono avere una classe:
   dal filtro sopravvive solo l'href. */

/* .documento sta a 62ch, che e' la misura giusta per la prosa e stretta per una
   tabella a quattro colonne. Qui si allarga un po': resta leggibile e la
   tabella dei cookie ci sta senza stringersi. */
.legale { max-width: 74ch; }

/* --- Il blocco dei dati del titolare -------------------------------------- */
/* Scritto `.documento .legale-dati` e non `.legale-dati`: `.documento ul` vale
   0,2,0 e rimetterebbe i pallini e il rientro. A parita' di peso vince l'ultimo
   foglio caricato, che e' questo. Stessa famiglia della trappola di
   maplibre-gl.css documentata in CLAUDE.md. */
.documento .legale-dati {
  list-style: none;
  margin: 0 0 1.4rem;
  padding: .2rem 0 .2rem 1.1rem;
  border-left: 2px solid var(--gold);
  font-family: var(--font-ui);
  font-size: .95rem;
  line-height: 1.5;
}
.documento .legale-dati li { margin-bottom: .45rem; }
.documento .legale-dati li:last-child { margin-bottom: 0; }
.legale-dati__et {
  display: inline-block;
  min-width: 12rem;
  font-size: var(--fs-label);
  letter-spacing: var(--label-tracking);
  text-transform: uppercase;
  color: var(--ink-soft);
}
/* Sotto i 560 px l'etichetta e il valore non stanno su una riga: l'etichetta
   va sopra, invece di spingere il valore fuori misura. */
@media (max-width: 560px) {
  .legale-dati__et { display: block; min-width: 0; margin-bottom: .1rem; }
}

/* --- La tabella dei cookie ------------------------------------------------ */
/* La resa la da' gia' `.documento table`; qui serve solo che l'ultima colonna,
   che e' una frase, non venga schiacciata dalle tre corte. Su telefono comanda
   `.table--stack` (components.css) e queste larghezze non valgono piu'. */
.legale-tabella { margin: 0 0 1.4rem; }
@media (min-width: 721px) {
  .legale-tabella th:nth-child(1), .legale-tabella td:nth-child(1) { width: 20%; }
  .legale-tabella th:nth-child(2), .legale-tabella td:nth-child(2) { width: 14%; }
  .legale-tabella th:nth-child(3), .legale-tabella td:nth-child(3) { width: 16%; }
}

/* --- Le due righe di servizio in fondo ------------------------------------ */
.legale-data,
.legale-altro {
  font-family: var(--font-ui);
  font-size: .88rem;
  color: var(--ink-soft);
  margin: 1.6rem 0 0;
  max-width: 74ch;
}
.legale-altro { margin-top: .4rem; }
.legale-altro a { color: var(--accent); }