/* LAVACITY -- modalità notte del sito (spostata da style.css il 27/9/2026).
   Si carica con media="(prefers-color-scheme: dark)" solo nelle pagine del
   sito: il gestionale non la carica e resta sempre chiaro (ha fondi bianchi
   fissi: al buio il testo chiaro finiva su bianco). */
/* ---------- modalità notte ----------
   Segue l'impostazione del telefono o del computer (tema scuro).
   Fondo blu notte del logo, oro per i punti di richiamo, azzurro per i link.
   Browser vecchi che non la conoscono: vedono il sito chiaro di sempre. */
@media (prefers-color-scheme: dark) {
  :root {
    --pagina:  #0b1d30;
    --sfondo:  #081727;
    --bianco:  #112a43;
    --ink:     #f2f6fa;
    --testo:   #c3cfdb;
    --tenue:   #a0b3c6;
    --linea:   #22405e;
    --linea-forte: #3a5d80;
    --blu:     #86c3f7;
    --oro-testo: #f2c46e;
    --ok:      #4cc38a;
    --ok-bg:   #0f2f22;
    --ok-testo: #8fdcb3;
    --err:     #ff8a80;
    --err-bg:  #3b1719;
    --err-testo: #ffb4ab;
    --err-bg-tenue: #2c1417;
    --hero-da: #123a5e;
    --scelto:  #173c60;
    --scelto-tenue: #14334f;
    --oro-bg:  #2b2412;
    --pie-fondo: #06111d;
    --ombra:    0 1px 2px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.25);
    --ombra-lg: 0 4px 12px rgba(0,0,0,.35), 0 16px 40px rgba(0,0,0,.45);
  }
  .testata { background: var(--blu-notte); box-shadow: 0 1px 0 rgba(239,187,95,.45); }
  h1 .accento, .occhiello, .card-occhiello { color: var(--oro); }
  .fascia-cta { background: linear-gradient(135deg, var(--blu-notte) 0%, var(--blu-fondo) 100%); }
  .nastro-offerta, .card-fedelta, .hero-prezzo, .conto, .prodotto .in-lavanderia, .scheda-testa {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  }
  /* separati: chi non conosce :has() scarterebbe anche il numero d'ordine */
  .numero-ordine-val, .btn-copia, .avanzamento li.corrente { color: var(--ink); }
  .scelte-giorno .chip-giorno:has(input:checked) .chip-sopra,
  .scelte-fascia .chip-fascia:has(input:checked) { color: var(--ink); }
  .btn-copia:hover { color: #fff; }
  .avanzamento li.corrente::before { box-shadow: 0 0 0 5px rgba(134,195,247,.18); }
  .pastiglia-nuovo, .pastiglia-attesa_rientro, [data-vuoto] { background: #3a2e12; color: #f5cf85; }
  .pastiglia-confermato, .pastiglia-ritirato, .pastiglia-in_ritiro { background: #16395c; color: #a9d3fa; }
  .pastiglia-in_lavorazione { background: #2c2750; color: #c9c0f5; }
  .pastiglia-pronto, .pastiglia-in_consegna { background: #133626; color: #8fdcb3; }
  .pastiglia-annullato { background: #3b1719; color: #ffb4ab; }
  .foto-manca { background: repeating-linear-gradient(45deg, #10263c 0 12px, #0d2135 12px 24px); border-color: #2c4a68; }
  .foto-manca b { color: var(--tenue); }
  .pacchetto .risparmio span { text-decoration-color: rgba(255,255,255,.35); }
  .campo.convalidato input:not([type="checkbox"]) { border-color: #2f7a55; }
  .stepper input { background: var(--pagina); }
  img { filter: brightness(.92); }
  .logo img, .pie-regione img { filter: none; }
  /* menu delle lingue (lo stile arriva da lingua.js) */
  html .lc-lingue-menu { background: var(--bianco); border-color: var(--linea); box-shadow: 0 12px 30px rgba(0,0,0,.45); }
  html .lc-lingue-menu a { color: var(--ink); }
  html .lc-lingue-menu a:hover, html .lc-lingue-menu a[aria-current] { background: var(--scelto); color: #fff; }
  html .lc-nota-legale { background: var(--oro-bg); border-color: #5a4a22; }
  /* regalo degli annunci Meta (lo stile arriva da regalo.js, fondo bianco fisso) */
  html .rg-foglio { background: var(--bianco); }
  html .rg-campo { background: var(--pagina); color: var(--ink); border-color: var(--linea-forte); }
  html .rg-invia, html .rg-premio { color: var(--blu-notte); }
  html .rg-num { color: var(--ink); }
  html .rg-busta .rg-carta .rg-k1 { color: #8a5f10; }
  html .rg-chiudi { background: var(--scelto); color: var(--ink); }
  html .rg-busta .rg-retro { background: var(--blu-fondo); }
  /* banner dei cookie (27/9): al buio i due bottoni avevano fondo e bordo quasi uguali al banner.
     Tutti e due uguali e ben visibili: accettare e rifiutare con lo stesso risalto. */
  html .consenso .consenso-azioni .btn { background: var(--scelto); color: var(--ink); border: 1.5px solid var(--blu); }
  html .consenso .consenso-azioni .btn:hover { background: var(--linea-forte); border-color: var(--ink); }
  /* tendine sui computer e riempimento automatico */
  option { background: var(--bianco); color: var(--ink); }
  .mappa-riquadro { filter: brightness(.88); }
}
@media (prefers-color-scheme: dark) {
  /* a parte: un browser che non conosce :-webkit-autofill scarta solo questa */
  .campo input:-webkit-autofill, .rg-campo:-webkit-autofill {
    -webkit-text-fill-color: var(--ink); box-shadow: 0 0 0 1000px var(--scelto) inset; caret-color: var(--ink);
  }
}