/* ============================================================
   Verde Abitare: v6 dark mode (VA_V4 6.0.0)
   "Sera nelle vigne": moss-charcoal caldo, salvia chiara, oro acceso.
   Tutto il tema usa i token --va-*: qui vengono ridefiniti sotto
   [data-theme="dark"], quindi il dark vale su ogni pagina.
   Auto da prefers-color-scheme + toggle manuale (v6.js).
   ============================================================ */

[data-theme="dark"] {
    /* superfici */
    --va-cream:       #181B16;   /* sfondo pagina */
    --va-white:       #21251E;   /* card / superfici */
    --va-stone-light: #262B24;   /* superfici secondarie */
    --va-sage-pale:   #20251E;
    --va-sage-light:  #2A3126;
    --va-gold-light:  #3A3323;

    /* testo (inversione) */
    --va-dark:        #EFEDE4;
    --va-warm:        #C9C6BB;
    --va-warm-light:  #A5A497;

    /* accenti (schiariti per contrasto su scuro) */
    --va-sage:        #9CB28B;
    --va-gold:        #D5B678;
    --va-green:       #8FBF8A;
    --va-red:         #E08B85;

    /* linee e ombre */
    --va-border:      #343931;
    --va-shadow:      0 1px 3px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
    --va-shadow-lg:   0 4px 12px rgba(0,0,0,.42), 0 18px 48px rgba(0,0,0,.5);

    color-scheme: dark;
}

/* Ritocchi dove il light aveva valori fissi */
[data-theme="dark"] body { background: var(--va-cream); color: var(--va-dark); }
[data-theme="dark"] img { opacity: .94; }
[data-theme="dark"] .va-hero__overlay,
[data-theme="dark"] .va-search__head--photo::before {
    background: linear-gradient(to top, rgba(10,11,8,.85), rgba(10,11,8,.25) 55%, transparent);
}
[data-theme="dark"] .va-header { background: color-mix(in srgb, var(--va-cream) 88%, transparent); }
[data-theme="dark"] .va-pcard__save { background: rgba(24,27,22,.85); color: var(--va-warm); }
[data-theme="dark"] .va-promo__backdrop,
[data-theme="dark"] .va-sheet__backdrop { background: rgba(0,0,0,.62); }
[data-theme="dark"] .va-footer { background: #131511; }
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select { color-scheme: dark; }

/* Il badge UNESCO: versione light già in uso funziona su foto/scuro. */
/* Transizione morbida al cambio tema */
body, .va-header, .va-pcard, .va-footer, .va-cfg, .va-filters {
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}
@media (prefers-reduced-motion: reduce) {
    body, .va-header, .va-pcard, .va-footer, .va-cfg, .va-filters { transition: none; }
}

/* ---- v6.0.1 hotfix dark ---- */
[data-theme="dark"] .va-header__logo img,
[data-theme="dark"] .custom-logo { filter: invert(1); }
[data-theme="dark"] .va-btn--primary,
[data-theme="dark"] .va-btn--gold,
[data-theme="dark"] .va-cfg__next,
[data-theme="dark"] .va-sheet__apply,
[data-theme="dark"] .va-ctabar__btn--primary,
[data-theme="dark"] .va-hero__go { color: #FDFBF7 !important; }
[data-theme="dark"] .va-btn--ghost,
[data-theme="dark"] .va-hero__actions .va-btn--ghost {
    color: #FDFBF7;
    border-color: rgba(253,251,247,.55);
    background: rgba(253,251,247,.12);
}
[data-theme="dark"] .va-searchbar__inner { background: var(--va-white); box-shadow: var(--va-shadow-lg); }
[data-theme="dark"] .va-searchbar .va-field {
    background-color: var(--va-stone-light);
    color: var(--va-dark);
    border-color: var(--va-border);
}

/* ---- v7.0.2: card in dark (bg era #fff hardcoded in v4) ---- */
[data-theme="dark"] .va-pcard { background: var(--va-white); }
[data-theme="dark"] .va-spec--en { background: var(--va-stone-light); }
[data-theme="dark"] .va-pcard__save { background: rgba(24,27,22,.85); }
[data-theme="dark"] .va-compare-col,
[data-theme="dark"] .va-feature,
[data-theme="dark"] .va-visit { background: var(--va-white); }

/* ==== v7.0.3: DARK COMPLETO: censimento hardcoded (1/3 superfici) ==== */
[data-theme="dark"] .va-alert,
[data-theme="dark"] .va-auth__card,
[data-theme="dark"] .va-auth__tab.is-on,
[data-theme="dark"] .va-cform,
[data-theme="dark"] .va-check,
[data-theme="dark"] .va-chip,
[data-theme="dark"] .va-dashboard-row,
[data-theme="dark"] .va-dash__item,
[data-theme="dark"] .va-dash__side,
[data-theme="dark"] .va-dash-search,
[data-theme="dark"] .va-detail-feature,
[data-theme="dark"] .va-filters__ref,
[data-theme="dark"] .va-gallery__nav,
[data-theme="dark"] .va-immobili-inline,
[data-theme="dark"] .va-mapcard,
[data-theme="dark"] .va-ncard,
[data-theme="dark"] .va-pag__num,
[data-theme="dark"] .va-pin { background: var(--va-white); color: var(--va-dark); border-color: var(--va-border); }
/* 2/3a */
[data-theme="dark"] .va-pop__panel,
[data-theme="dark"] .va-pop__toggle,
[data-theme="dark"] .va-profile,
[data-theme="dark"] .va-search__views,
[data-theme="dark"] .va-seg,
[data-theme="dark"] .va-side__agent,
[data-theme="dark"] .va-side__form,
[data-theme="dark"] .va-sort,
[data-theme="dark"] .va-spec-item,
[data-theme="dark"] .va-stat,
[data-theme="dark"] .va-step__btn,
[data-theme="dark"] .va-btn--outline { background: var(--va-white); color: var(--va-dark); border-color: var(--va-border); }
/* 2/3b: wizard, mutui, dash */
[data-theme="dark"] .va-shortcode--mortgage-calc,
[data-theme="dark"] .va-mortgage-result,
[data-theme="dark"] .va-wiz__panel,
[data-theme="dark"] .va-wiz__foot,
[data-theme="dark"] .va-wiz__drop,
[data-theme="dark"] .va-wiz__pnum,
[data-theme="dark"] .va-wiz__pstep,
[data-theme="dark"] .va-wiz__close,
[data-theme="dark"] .va-auth__tabs,
[data-theme="dark"] .va-atelier2,
[data-theme="dark"] .va-dash__emptycard,
[data-theme="dark"] .va-dashboard-row__thumb--empty,
[data-theme="dark"] .va-mapcard__close { background: var(--va-white); color: var(--va-dark); border-color: var(--va-border); }
/* 3/3: input, mappa, casi puntuali */
[data-theme="dark"] .va-single__input,
[data-theme="dark"] .va-dual__input { background: transparent; }
[data-theme="dark"] .va-cform input,
[data-theme="dark"] .va-cform textarea,
[data-theme="dark"] .va-side__form input,
[data-theme="dark"] .va-side__form textarea,
[data-theme="dark"] .va-wiz__panel input,
[data-theme="dark"] .va-wiz__panel textarea,
[data-theme="dark"] .va-wiz__panel select { background: var(--va-stone-light); color: var(--va-dark); border-color: var(--va-border); }
[data-theme="dark"] .va-map { background: var(--va-stone-light); }
[data-theme="dark"] .va-lead { background: transparent; }
[data-theme="dark"] .va-pin { color: var(--va-dark); }
[data-theme="dark"] .va-seg__btn.is-on { background: var(--va-sage); color: #FDFBF7; }
[data-theme="dark"] .va-pop__toggle:hover { background: var(--va-stone-light); }
/* blocchi scuri by design: in dark restano SCURI (usavano --va-dark che si inverte) */
[data-theme="dark"] .va-expose,
[data-theme="dark"] .va-cta-strip,
[data-theme="dark"] .va-detail-gallery,
[data-theme="dark"] .va-atelier2--dark,
[data-theme="dark"] .va-side__price { background: #14170F; }
[data-theme="dark"] .va-expose { border: 1px solid var(--va-border); }
[data-theme="dark"] .va-header__cta { background: var(--va-sage); color: #FDFBF7; }
[data-theme="dark"] .va-mapfab { background: #14170F; color: #EFEDE4; border: 1px solid var(--va-border); }
/* ==== v7.0.5 AUTO dark overrides (49 sel) ==== */
[data-theme="dark"] .va-btn--outline { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-filters__ref input { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-seg { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pop__toggle { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pop__panel { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dual__input::-webkit-slider-thumb { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dual__input::-moz-range-thumb { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-single__input::-webkit-slider-thumb { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-single__input::-moz-range-thumb { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-step__btn { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-chip { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-search__views { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pcard { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pcard__save { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pin { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-mapcard { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pag__num { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-pag__btn { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-ncard { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-auth__card { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-auth__tab.is-on { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dash__item:hover { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-stat { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dash__emptycard { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-alert { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-profile { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-lead { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-cform { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-detail-feature { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-shortcode--mortgage-calc { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-side__agent { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dashboard-row { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dash-search { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-gallery__nav { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-gallery__nav:hover { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-side__form .va-field-l input { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-side__form .va-cform textarea { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-spec--en { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-poi-legend span { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-searchbar .va-field { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-searchbar__inner { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__pstep { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__pstep.is-on .va-wiz__pnum { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__panel input[type=text] { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__panel input[type=number] { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__panel select { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__panel textarea { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-wiz__foot { background: var(--va-white); border-color: var(--va-border); }
[data-theme="dark"] .va-dash__side { background: var(--va-white); border-color: var(--va-border); }
/* v7.48: menu in basso (icone + titoli) bianco in dark mode, non toccato in light mode.
   !important necessario per vincere sullo stile inline "liquid glass" in header.php (mobile). */
[data-theme="dark"] .va-bottomnav__item { color: rgba(255,255,255,.6) !important; }
[data-theme="dark"] .va-bottomnav__item.is-active { color: #fff !important; }
[data-theme="dark"] .va-bottomnav__item.va-bn-over { color: var(--va-sage) !important; }
/* v7.50: la regola "censimento hardcoded" sopra forzava lo sfondo di TUTTE le tab dashboard
   (incluse quelle attive) allo stesso colore scuro, cancellando l'evidenziazione is-on.
   Qui ripristiniamo il verde sage sulla tab selezionata, con selettore piu' specifico. */
[data-theme="dark"] .va-dash__item.is-on { background: var(--va-sage); color: #fff; }