/* ============================================================================
   legali.css — le pagine di solo testo: privacy, cookie, note legali.
   Si carica dopo base.css.

   Sono pagine che si leggono, non che si guardano: una colonna sola, stretta
   abbastanza da non stancare l'occhio, e niente altro. La misura giusta per
   leggere sta fra i sessanta e i settantacinque caratteri per riga, ed e' da
   li' che viene il 44rem.
   ============================================================================ */

.testo-legale{padding:var(--sp-2) 0 var(--sp-3);background:var(--nebbia)}
.testo-legale .dentro{max-width:44rem}

.testo-legale h2{font-size:1.4rem;margin:2.2rem 0 .7rem}
.testo-legale h2:first-child{margin-top:0}
.testo-legale h3{font-size:1.08rem;margin:1.6rem 0 .5rem}
.testo-legale p{font-size:1.02rem;line-height:1.75;margin:0 0 1rem}
.testo-legale ul{margin:0 0 1.2rem;padding-left:1.3rem}
.testo-legale li{margin-bottom:.5rem;line-height:1.7}
.testo-legale a.filo{color:var(--ink)}
.testo-legale code{font:.92rem ui-monospace,monospace;background:#fff;
  border:1px solid var(--filo);border-radius:6px;padding:.1rem .4rem}

/* la tabella dei cookie: poche righe, si legge come una tabella e basta */
.tabella-legale{width:100%;border-collapse:collapse;margin:0 0 1.4rem;
  background:#fff;border:1px solid var(--filo);border-radius:var(--r);
  overflow:hidden;font-size:.95rem}
.tabella-legale th,.tabella-legale td{padding:.7rem .9rem;text-align:left;
  border-top:1px solid var(--filo);vertical-align:top}
.tabella-legale tr:first-child th{border-top:none;background:var(--nebbia-2);
  font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}

/* --- la fascia della bozza -----------------------------------------------
   Gli stessi colori dell'avviso delle schede in bozza e della newsletter non
   pubblicata: e' lo stesso tipo di messaggio, e chi lo vede lo riconosce. */
.fascia-bozza{background:#FFF4D6;border-bottom:1px solid #E8D9A8;color:#6B4E00;
  font-size:.92rem;line-height:1.5;padding:.8rem 26px;text-align:center}
.fascia-bozza b{font-weight:600}

/* --- i dati che mancano --------------------------------------------------
   Si vedono apposta. Una informativa con dentro una parentesi vuota non deve
   poter essere pubblicata per distrazione: finche' c'e' un segno giallo in
   pagina, la pagina non e' finita. */
.da-riempire{background:#FFE9A8;color:#6B4E00;border-radius:4px;
  padding:.05rem .35rem;font-style:italic}

.quando-aggiornata{margin-top:2.4rem;padding-top:1rem;
  border-top:1px solid var(--filo);font-size:.88rem;color:var(--grigio)}

@media(max-width:700px){
  .testo-legale{padding:1.6rem 0 2.6rem}
  .testo-legale h2{font-size:1.24rem;margin-top:1.8rem}
  .testo-legale p{font-size:1rem}
  /* la tabella dei cookie ha quattro colonne: su un telefono si scorre */
  .tabella-legale{display:block;overflow-x:auto;white-space:nowrap}
  .tabella-legale td{white-space:normal;min-width:9rem}
}