/* ============================================================
   UpZid · sito V5 in esercizio: quello che il prototipo non aveva.
   1. Le risposte del server (Laravel risponde con .alert-success /
      .alert-danger): stessa veste degli avvisi V5.
   2. La pagina di conferma dell'email e il modulo delle preferenze.
   3. Il testo delle pagine legali, scritto nel pannello.
   File a parte: i fogli della V5 restano identici all'originale.
   ============================================================ */

/* ---------- 1. risposte del server ---------- */
.alert{
  display:block;
  border:1px solid var(--ln);border-left-width:3px;
  border-radius:var(--rs);padding:var(--s3) var(--s4);
  background:var(--cs);box-shadow:var(--ombra-1);
  font-size:var(--t-sm);line-height:1.6;margin:var(--s4) 0;
  color:var(--tx) !important;      /* alcune risposte portano style="color:red" in linea */
}
.alert b,.alert strong{color:var(--tx);}
.alert-success{border-left-color:var(--done-piano);background:var(--done-bg);}
.alert-danger{border-left-color:var(--err);background:var(--err-bg);}
#lista-msg:empty{display:none;}

/* ---------- 2. conferma dell'email e preferenze ---------- */
.conferma-titolo{font-size:var(--t-h2);margin-bottom:var(--s3);}
.conferma-attesa{display:flex;align-items:center;gap:var(--s3);color:var(--mu);font-size:var(--t-sm);padding:var(--s2) 0;}
.pref-griglia{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s5);margin-top:var(--s2);}
.pref-griglia .consenso{min-height:44px;align-items:center;}
.pref-griglia .consenso label{color:var(--tx);}
.pref-fieldset{border:0;margin:0 0 var(--s5);padding:0;}
.pref-fieldset legend{font-size:var(--t-sm);font-weight:600;margin-bottom:var(--s2);padding:0;}
.campo select{width:100%;}
@media (max-width:640px){ .pref-griglia{grid-template-columns:1fr;} }

/* ---------- 3. pagine legali ---------- */
.legale-titolo{font-size:var(--t-h2);margin-bottom:var(--s2);}
.legale-meta{font-family:var(--mono);font-size:var(--t-3xs);color:var(--mu);margin-bottom:var(--s6);}
.testo-legale{color:var(--mu);font-size:var(--t-sm);line-height:1.75;max-width:75ch;}
.testo-legale h1{font-size:var(--t-h3);color:var(--tx);margin:var(--s6) 0 var(--s2);}
.testo-legale h2{font-size:var(--t-lead);color:var(--tx);margin:var(--s6) 0 var(--s2);}
.testo-legale h3{font-size:var(--t-sm);color:var(--tx);font-weight:700;margin:var(--s5) 0 var(--s2);}
.testo-legale p{margin:0 0 var(--s3);}
.testo-legale ul,.testo-legale ol{margin:0 0 var(--s3);padding-left:22px;}
.testo-legale li{margin:6px 0;}
.testo-legale a{color:var(--tx);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--dec-piano);}
.testo-legale strong,.testo-legale b{color:var(--tx);}
.testo-legale blockquote{border-left:3px solid var(--ln-forte);padding-left:var(--s4);margin:0 0 var(--s3);}
.testo-legale hr{border:0;border-top:1px solid var(--ln);margin:var(--s6) 0;}
/* le tabelle dell'informativa: scorrono dentro di se' sul telefono, la pagina no */
.testo-legale table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 var(--s4);
  font-size:var(--t-xs);max-width:100%;}
.testo-legale th,.testo-legale td{border:1px solid var(--ln);padding:var(--s2) var(--s3);text-align:left;vertical-align:top;min-width:130px;}
.testo-legale th:first-child,.testo-legale td:first-child{min-width:0;}
.testo-legale th{color:var(--tx);background:var(--cs);font-weight:600;}