/* =====================================================================
   DAICON — TEMA V3 (2026-10-29)
   Allinea le pagine interne allo stile della homepage (blocco home-v3-css
   di index.html): sfondo chiaro, superfici piatte con bordo sottile,
   etichette "eyebrow", titoli compatti, pulsanti squadrati, blu notte.
   - Agisce solo sulle classi già presenti nelle pagine (daicon-box,
     hero-box, section-label, box-title, cta-btn, card, pill...): nessuna
     modifica all'HTML.
   - Va caricato DOPO gli <style> di pagina e PRIMA di css/lang-switch.css
     (header e mega menu restano governati dai loro fogli).
   - Non è incluso in index.html (ha già il suo blocco) né in
     modulo-dati-anagrafici.php (CSS e JS propri).
   ===================================================================== */

:root {
  --v3-ink: #0b1b2e;
  --v3-navy: #001a3a;
  --v3-navy-2: #00264f;
  --v3-blue: #0066cc;
  --v3-sky: #7fb8ff;
  --v3-slate: #556274;
  --v3-line: #e2e7ee;
  --v3-paper: #f4f6f9;
  --v3-tint: #eaeff5;
}

/* ---- Sfondo pagina: carta chiara al posto del gradiente blu ---- */
body { background: var(--v3-paper) !important; background-attachment: scroll !important; }
.striscia.grigiachiari,
.striscia.grigiachiaro { background: var(--v3-paper) !important; border-color: transparent !important; }

/* ---- Superfici ---- */
.daicon-box {
  border-radius: 8px !important;
  border: 1px solid var(--v3-line) !important;
  box-shadow: 0 1px 2px rgba(0, 30, 70, 0.04) !important;
}
.daicon-box--tint { background: var(--v3-tint) !important; border-color: transparent !important; }
.daicon-box--dark {
  background: var(--v3-navy) !important;
  border-color: var(--v3-navy) !important;
  box-shadow: none !important;
}

/* ---- Hero: blu notte piatto con un solo bagliore discreto ---- */
.hero-box {
  background: var(--v3-navy) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.hero-box::before { background: radial-gradient(circle, rgba(0, 102, 204, 0.28) 0%, transparent 65%) !important; }
.hero-box::after { background: radial-gradient(circle, rgba(127, 184, 255, 0.10) 0%, transparent 70%) !important; }
.hero-box h1 { font-weight: 700 !important; letter-spacing: -0.03em; }
.hero-box .hero-sub, .hero-box p { color: rgba(255, 255, 255, 0.78); }

/* Pagine Icom/nautica: l'hero è testo bianco direttamente sullo sfondo pagina → banda blu notte a tutta larghezza */
.page-hero { background: var(--v3-navy) radial-gradient(ellipse 55% 90% at 85% 10%, rgba(0, 102, 204, 0.30), transparent 70%) !important; }
.page-hero-badge { border-radius: 4px !important; }
.hero-pills span { border-radius: 4px !important; }

/* Barra numeri/fiducia (controllo accessi, Gate Plus, chi siamo, noleggio, parcheggi, pagamenti, tornelli) */
.trust-bar { background: var(--v3-navy-2) !important; border-color: var(--v3-navy-2) !important; }

/* ---- Etichette di sezione: stile "eyebrow" della homepage ---- */
.section-label {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: var(--v3-blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}
.section-label::before { content: ''; width: 28px; height: 2px; background: currentColor; flex: none; }
.hero-box .section-label,
.daicon-box--dark .section-label,
.cta-box .section-label { color: var(--v3-sky) !important; }

/* ---- Titoli di sezione ---- */
.daicon-box .box-title,
.daicon-box > h2 {
  color: var(--v3-ink);
  font-weight: 700;
  letter-spacing: -0.02em;
  padding-bottom: 0 !important;
  margin-bottom: 16px;
}
.box-title::after,
.daicon-box > h2::after { display: none !important; }
.hero-box .box-title,
.daicon-box--dark .box-title,
.daicon-box--dark > h2,
.cta-box .box-title,
.cta-box > h2 { color: #fff; }

/* ---- Testo: allineato a sinistra come in homepage (le eccezioni inline restano) ---- */
.daicon-text { text-align: left; }

/* ---- Pulsanti ---- */
.cta-btn, .cta-btn-inline, .hero-btn {
  border-radius: 4px !important;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* ---- Box di chiusura (CTA) ---- */
.cta-box {
  background: var(--v3-navy) radial-gradient(ellipse 60% 80% at 85% 20%, rgba(0, 102, 204, 0.35), transparent 70%) !important;
  border: 0 !important;
  border-radius: 8px !important;
}

/* ---- Card: angoli contenuti; le card a gradiente diventano blu notte pieno ---- */
#company-intro [class*="-card"]:not([class*="-card-"]),
#page-content [class*="-card"]:not([class*="-card-"]) { border-radius: 8px !important; }
.payment-card, .context-card { background: var(--v3-navy-2) !important; }

/* ---- Pillole, badge, chip: squadrati come nella homepage ---- */
.integration-pill, .tech-pill, .partner-chip, .proto-pill, .badge, .spec-tag, .combo-card {
  border-radius: 4px !important;
}

/* ---- Box informativi ---- */
.info-box, .highlight-box { border-radius: 6px !important; }

/* ---- Fuoco tastiera visibile su link e pulsanti del contenuto ---- */
#company-intro a:focus-visible,
#page-content a:focus-visible { outline: 3px solid var(--v3-sky); outline-offset: 3px; }

/* =====================================================================
   FASCE A TUTTA LARGHEZZA (2026-10-29, seconda fase)
   Come nella homepage, ogni sezione diventa una fascia orizzontale:
   lo sfondo del riquadro si estende ai bordi della pagina (box-shadow
   + clip-path), il contenuto resta nella larghezza del contenitore.
   Ritmo: blu notte per hero, sezioni scure, barre numeriche e CTA;
   le sezioni chiare alternano bianco e grigio chiarissimo, così due
   fasce chiare uguali non sono mai adiacenti.
   ===================================================================== */
.striscia .wrapper,
#page-content.wrapper,
#page-content > .wrapper { overflow: visible !important; margin-top: 0 !important; margin-bottom: 0 !important; display: flow-root; }
#page-content.wrapper { padding-top: 0 !important; }

.wrapper > .daicon-box,
.wrapper > .prod-box,
.wrapper > .prodotto-row {
  --band: #fff;
  background: var(--band) !important;
  box-shadow: 0 0 0 100vmax var(--band) !important;
  clip-path: inset(0 -100vmax) !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-top: clamp(56px, 6.5vw, 96px) !important;
  padding-bottom: clamp(56px, 6.5vw, 96px) !important;
}
.wrapper > .daicon-box:nth-child(odd),
.wrapper > .prod-box:nth-child(odd),
.wrapper > .prodotto-row:nth-child(odd) { --band: var(--v3-paper); }
/* blocchi prodotto (Icom, Terminali): il pannello immagine resta, la scatola esterna diventa fascia */
.wrapper > .prod-box { overflow: visible !important; }

/* sezioni blu notte */
.wrapper > .daicon-box.hero-box,
.wrapper > .daicon-box.daicon-box--dark,
.wrapper > .daicon-box.trust-bar,
.wrapper > .daicon-box.cta-box { --band: var(--v3-navy); }
.wrapper > .daicon-box.cta-box { background: var(--v3-navy) radial-gradient(ellipse 50% 90% at 85% 10%, rgba(0, 102, 204, 0.32), transparent 70%) !important; }
.wrapper > .daicon-box.trust-bar { padding-top: 28px !important; padding-bottom: 32px !important; border-top: 1px solid rgba(255, 255, 255, 0.10) !important; }

/* nelle fasce scure le card interne non sono "box nel box": superficie appena accennata */
.wrapper > .daicon-box--dark .benefit-card { background: rgba(255, 255, 255, 0.05) !important; box-shadow: none !important; }

/* la fascia finale tocca il footer, la prima tocca l'header */
.striscia.grigiachiari { border-top: 0 !important; }
#page-content { padding-bottom: 0 !important; }

/* Sezioni "come funziona" a passi (.step-flow): nel sito sono quasi sempre su fondo scuro;
   le poche rimaste chiare (settori, noleggio monitor, Gate Plus) diventano fasce blu notte
   con le stesse regole di testo dei riquadri --dark delle pagine. */
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) { --band: var(--v3-navy); }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .box-title,
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) > h2,
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) > h3,
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .step-content h3 { color: #fff !important; }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .daicon-text,
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .step-content p { color: rgba(255, 255, 255, 0.78) !important; }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .section-label { color: var(--v3-sky) !important; }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .daicon-text a { color: #fff !important; text-decoration: underline; }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .info-box { background: rgba(255, 255, 255, 0.08) !important; border-left-color: var(--v3-sky) !important; }
.wrapper > .daicon-box:has(.step-flow):not(.v3-light) .info-box p { color: rgba(255, 255, 255, 0.86) !important; }
/* titoli dei passi allineati al loro testo (il CSS globale centra tutti gli h3) */
.step-content h3 { text-align: left; }

/* =====================================================================
   SEZIONI NAVY AGGIUNTE (classe v3-dark, 2026-10-29, terza fase)
   Le sezioni scelte per arrivare ad almeno 1/3 di navy per pagina ricevono
   la classe v3-dark (v3-hero se fanno da hero). Qualunque contenuto viene
   adattato al fondo scuro: testi chiari (anche quelli con colore inline),
   superfici chiare interne trasformate in velature, bordi azzurri tenui,
   pulsanti primari blu Daicon. Icone, immagini e cerchi numerati restano.
   ===================================================================== */
/* specificità pari a quella dell'alternanza :nth-child e dichiarata dopo, quindi prevale */
.wrapper > .daicon-box.v3-dark,
.wrapper > .prod-box.v3-dark,
.wrapper > .prodotto-row.v3-dark { --band: var(--v3-navy); color: rgba(255, 255, 255, 0.82); }

/* testi */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) * { color: rgba(255, 255, 255, 0.80) !important; border-color: rgba(127, 184, 255, 0.28) !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :where(h1, h2, h3, h4, h5, h6, strong, b, th, dt, summary, legend) { color: #fff !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .box-title, :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) > h2 { color: #fff !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .section-label { color: var(--v3-sky) !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) a:not([class*="btn"]) { color: var(--v3-sky) !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) a:not([class*="btn"]):hover { color: #fff !important; }

/* superfici: niente fondi chiari dentro la fascia scura (specificità nulla: le regole sotto prevalgono) */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :where(*:not(img, svg, svg *, video, picture, [class*="btn"], [class*="icon"], .check-mark, .step-circle, .dot)) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* card e superfici indipendenti: velatura appena più chiara del fondo */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :is([class*="-card"]:not([class*="-card-"]), [class*="-item"]:not([class*="-item-"]),
             .integration-pill, .tech-pill, .badge, .info-box, .highlight-box, .faq-item, .spec-item,
             .scenario-block, .daicon-item, .flow-step, .proto-pill, .partner-chip, .brand-pill, .spec-tag,
             .browser-mockup, .prod-content-panel, .config-card) {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* pulsanti */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) [class*="btn"]:not([class*="row"]) { color: #fff !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .cta-btn:not(.cta-btn--outline), :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .order-btn, :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .sticky-bar-cta { background: #0066cc !important; border-color: #0066cc !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .cta-btn:not(.cta-btn--outline):hover, :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .order-btn:hover { background: #0057ad !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) .cta-btn--outline { background: transparent !important; border-color: rgba(255, 255, 255, 0.6) !important; }

/* icone disegnate in blu scuro direttamente sullo sfondo: diventano azzurre */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :not([class*="icon"]) > svg[stroke^="#0"], :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :not([class*="icon"]) > svg [stroke^="#0"] { stroke: var(--v3-sky) !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :not([class*="icon"]) > svg[fill^="#0"], :is(.v3-dark, .daicon-box--dark:not(.gp-dark), .wrapper > .cta-box:not(.v3-cta-light), .wrapper > .daicon-box:has(.step-flow):not(.v3-light)) :not([class*="icon"]) > svg [fill^="#0"] { fill: var(--v3-sky) !important; }

/* sezione che fa da hero nelle pagine che non ne avevano uno */
.v3-hero h1, .v3-hero > h2, .v3-hero .box-title, .v3-hero div > h2:first-of-type { font-size: clamp(1.8rem, 1.1rem + 2vw, 2.6rem) !important; line-height: 1.15; letter-spacing: -0.02em; }

/* Hero: pulsante primario blu Daicon con testo bianco (come nella homepage) */
.hero-box .cta-btn:not(.cta-btn--outline) { background: #0066cc !important; color: #fff !important; border-color: #0066cc !important; }
.hero-box .cta-btn:not(.cta-btn--outline):hover { background: #0057ad !important; }

/* Contrasto AA nelle sezioni chiare (valori misurati: link 4,0-4,4:1 e note grigie 2,8-3,5:1 prima della correzione) */
.wrapper > .daicon-box:not(.v3-dark):not(.daicon-box--dark):not(.cta-box):not(.hero-box) :where(p, li, figcaption, td) a:not([class*="btn"]) { color: #0057ad; }
.solution-card-note { color: #5d6878 !important; }
.daicon-text[style*="color:#889"], .daicon-text[style*="color: #889"] { color: #5d6878 !important; }
.browser-mockup-bar .url { color: #4a5566 !important; }
.col-part-num, .col-gallery figcaption { color: #85672a !important; }
/* link nel testo dell'hero: azzurro su navy */
.hero-box p a:not([class*="btn"]) { color: var(--v3-sky) !important; text-decoration: underline; }
/* etichette dei pannelli immagine prodotto (pagine Icom) */
.prod-img-tag { color: rgba(255, 255, 255, 0.82) !important; }
/* link nelle descrizioni delle card sulle sezioni chiare */
.wrapper > .daicon-box:not(.v3-dark):not(.daicon-box--dark):not(.cta-box):not(.hero-box) [class*="-desc"] a:not([class*="btn"]) { color: #0057ad; }

/* =====================================================================
   REGOLE DI ALTERNANZA (2026-10-29, quarta fase)
   hero sempre navy · prima sezione dopo l'hero chiara · mai due sezioni navy
   consecutive · ultima sezione prima del footer non navy se la precedente è navy.
   ===================================================================== */
/* Barra numeri sotto l'hero: grigio chiarissimo, così la prima sezione dopo l'hero è chiara */
.wrapper > .daicon-box.trust-bar { --band: var(--v3-paper); border-top: 0 !important; }
.trust-bar .trust-stat strong { color: var(--v3-navy) !important; }
.trust-bar .trust-stat span { color: var(--v3-slate) !important; }

/* v3-light: sezione "come funziona" (.step-flow) lasciata chiara per rispettare l'alternanza
   (le regole navy del tema la escludono con :not(.v3-light); qui i colori chiari di base) */
.wrapper > .daicon-box.v3-light .step-content h3 { color: var(--v3-ink) !important; }
.wrapper > .daicon-box.v3-light .step-content p { color: var(--v3-slate) !important; }

/* Hero del vecchio listino Dahua in radice (titolo e link già presenti, riorganizzati) */
.v3-legacy-hero {
  background: var(--v3-navy) radial-gradient(ellipse 55% 90% at 85% 10%, rgba(0, 102, 204, 0.30), transparent 70%);
  color: #fff; text-align: center; padding: clamp(40px, 5vw, 64px) 20px;
}
.v3-legacy-hero h2 { margin: 0 0 12px; color: #fff; font-size: clamp(1.7rem, 1.1rem + 1.8vw, 2.4rem); font-weight: 700; letter-spacing: -0.02em; }
.v3-legacy-hero p { margin: 0 0 22px; color: rgba(255, 255, 255, 0.80); font-size: 16px; }
.v3-legacy-hero .links a { display: inline-block; padding: 12px 24px; border-radius: 4px; background: #0066cc; color: #fff !important; font-weight: 700; text-decoration: none; }
.v3-legacy-hero .links a:hover { background: #0057ad; }

/* v3-ink: sezioni progettate per il fondo scuro e rese chiare dalle regole di alternanza.
   Testi e link con bianco scritto inline tornano scuri; i cerchi icona in bianco trasparente
   diventano blu Daicon, così l'icona bianca resta visibile. */
.v3-ink :is([style*="color:#fff"], [style*="color: #fff"], [style*="color:#ffffff"], [style*="color: #ffffff"], [style*="color:white"], [style*="color: white"]) { color: var(--v3-ink) !important; }
.v3-ink a:not([style*="background"]):is([style*="color:#fff"], [style*="color: #fff"], [style*="color:#ffffff"], [style*="color: #ffffff"], [style*="color:white"], [style*="color: white"]) { color: #0057ad !important; }
.v3-ink :is([style*="background:rgba(255,255,255"], [style*="background: rgba(255,255,255"], [style*="background:rgba(255, 255, 255"]) { background: #0066cc !important; border-color: #0066cc !important; }
.v3-ink [style*="rgba(255,255,255"]:is([style*="color:"], [style*="color :"]):not([style*="background"]) { color: var(--v3-slate) !important; }

/* =====================================================================
   ALTERNANZA ESPLICITA DEI COLORI (2026-10-29, quinta fase)
   Ogni sezione chiara riceve v3-white o v3-grey, calcolati sulla sezione
   precedente: mai due sezioni consecutive dello stesso colore. Queste classi
   sostituiscono l'alternanza per posizione (:nth-child), che poteva sbagliare.
   L'ultima sezione prima del footer è sempre chiara: la CTA finale diventa
   v3-cta-light.
   ===================================================================== */
.wrapper > .daicon-box.v3-white, .wrapper > .prod-box.v3-white, .wrapper > .prodotto-row.v3-white { --band: #ffffff; }
.wrapper > .daicon-box.v3-grey,  .wrapper > .prod-box.v3-grey,  .wrapper > .prodotto-row.v3-grey  { --band: var(--v3-paper); }

/* CTA finale chiara */
.wrapper > .daicon-box.cta-box.v3-cta-light { background: var(--band) !important; color: var(--v3-slate); }
.wrapper > .v3-cta-light * { color: var(--v3-slate) !important; }
.wrapper > .v3-cta-light :is(h1, h2, h3, h4, strong, b), .wrapper > .v3-cta-light .box-title { color: var(--v3-ink) !important; }
.wrapper > .v3-cta-light .section-label { color: var(--v3-blue) !important; }
.wrapper > .v3-cta-light a:not([class*="btn"]) { color: #0057ad !important; }
.wrapper > .v3-cta-light svg, .wrapper > .v3-cta-light svg * { stroke: var(--v3-blue) !important; }
.wrapper > .v3-cta-light svg [fill="white"], .wrapper > .v3-cta-light svg [fill="#fff"], .wrapper > .v3-cta-light svg [fill="#ffffff"] { fill: var(--v3-blue) !important; }
.wrapper > .v3-cta-light .cta-btn:not(.cta-btn--outline), .wrapper > .v3-cta-light .order-btn {
  background: var(--v3-blue) !important; border-color: var(--v3-blue) !important; color: #fff !important; box-shadow: none !important;
}
.wrapper > .v3-cta-light .cta-btn:not(.cta-btn--outline):hover { background: #0057ad !important; }
.wrapper > .v3-cta-light .cta-btn--outline { background: transparent !important; border-color: var(--v3-ink) !important; color: var(--v3-ink) !important; }
.wrapper > .v3-cta-light .cta-btn--outline:hover { background: var(--v3-ink) !important; color: #fff !important; }

/* =====================================================================
   SEQUENZA RIGOROSA (2026-10-29, sesta fase)
   Dopo l'hero: bianco → grigio → navy → bianco → grigio → navy ... per posizione
   (classi v3-white / v3-grey / v3-dark scritte da sequenza.pl); l'ultima sezione
   prima del footer è sempre chiara.
   ===================================================================== */
/* moduli dentro una sezione navy: campi bianchi con testo scuro, etichette chiare */
:is(.v3-dark, .daicon-box--dark:not(.gp-dark)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
  background: #fff !important; color: var(--v3-ink) !important; border-color: rgba(255, 255, 255, 0.35) !important;
}
:is(.v3-dark, .daicon-box--dark:not(.gp-dark)) :is(input, textarea)::placeholder { color: #6b7686 !important; }
:is(.v3-dark, .daicon-box--dark:not(.gp-dark)) :is(button, input[type="submit"]) { background: var(--v3-blue) !important; color: #fff !important; border-color: var(--v3-blue) !important; }
/* vecchio listino Dahua in radice: la sezione dopo l'hero (tabella) è bianca */
body:has(.v3-legacy-hero) { background: #fff !important; }

/* Sequenza rigorosa: ritocchi di contrasto nelle sezioni nate scure rese chiare (v3-ink) */
.v3-ink a[style*="background"]:is([style*="color:white"], [style*="color: white"], [style*="color:#fff"]) { color: #fff !important; }
.v3-ink [style*="color:#7fc0ff"], .v3-ink [style*="color: #7fc0ff"] { color: #0057ad !important; }
.v3-ink .col-flow li { background: #fff !important; border-color: var(--v3-line) !important; }
.v3-ink .col-flow h3 { color: var(--v3-ink) !important; }
.v3-ink .col-flow p { color: var(--v3-slate) !important; }