/* V2 — tema chiaro nello stile del vecchio sito (bianco + giallo #fce803 + verde #637754).
   Caricato DOPO gli stili inline: qui si ridefiniscono le variabili e i punti con colori fissi. */

:root{
  --ink:#ffffff;          /* sfondo pagina: bianco come il vecchio sito */
  --panel:#f2f4f7;        /* pannelli/card: grigio chiarissimo del vecchio tema */
  --line:#dfe4ec;
  --text:#212121;
  --dim:#5b6472;
  --paint:#fce803;        /* giallo storico */
  --paint-hot:#e6d400;
  --green:#637754;        /* verde storico, per accenti testuali leggibili su bianco */
}

body{background:#ffffff;color:var(--text)}

/* Il giallo su bianco non si legge come colore di testo: gli accenti testuali
   passano al verde storico; il giallo resta su bottoni, badge e riempimenti. */
a{color:var(--green)}
.eyebrow{color:var(--green)}
.feat h3,.tb-form h2{color:#3d4a35}

/* Navigazione: barra bianca */
nav{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);box-shadow:0 1px 10px rgba(15,19,31,.06)}
.nav-logo{color:#0f131f}
.nav-links a{color:#0f131f}
.back{color:#0f131f}

/* Hero e card fotografiche: le foto restano con velatura scura → il testo lì sopra resta chiaro */
.hero-in,.hero-in h1,.hero-in p,.hero-in .eyebrow{color:#ffffff}
.hero-in .eyebrow{color:var(--paint)}
.occ-body,.occ-body *{color:#ffffff}
.occ-body .eyebrow{color:var(--paint)}

/* Bottoni: WhatsApp verde invariato; i "ghost" diventano verdi su bianco */
.btn.ghost{color:#3d4a35;border-color:#637754}
.btn.nav-cta{background:var(--paint);color:#141410;box-shadow:0 4px 14px rgba(252,232,3,.45)}

/* Badge giallo: già testo scuro, ok. Watermark decorativo più tenue su bianco */
.wm span{color:rgba(99,119,84,.10);border-color:rgba(99,119,84,.16)}

/* Pannelli, form e input su fondo chiaro */
.gift-box select,.gift-box input,.tb-form input,.tb-form textarea{background:#ffffff;border-color:#c9d1de;color:#212121}
.gift-box select:focus,.gift-box input:focus,.tb-form input:focus,.tb-form textarea:focus{border-color:#637754}
.tb-form label,.gift-box label{color:#3d4a35}

/* Footer: resta scuro (come i footer del vecchio tema) per chiudere la pagina */
footer{background:#0f131f;border-top:none}
footer,footer small{color:#aab3c2}
.socials a{color:#eef1f6}
.socials svg{background:#1a2030;border-color:#2a3245;fill:var(--paint)}
.socials a:hover svg{background:var(--paint);fill:#141410}

/* Chatbot disattivato in v2 (proposta: test rinviato alla bassa stagione) */
.chat-fab,.chat-panel{display:none !important}

/* Menu: Montserrat è più largo del condensed originale → compattazione */
.nav-links{gap:.85rem}
.nav-links a{font-size:.82rem;letter-spacing:.02em;white-space:nowrap}
.nav-logo span{white-space:nowrap}

/* Bottoni ghost sopra le foto (hero) restano chiari */
.hero-in .btn.ghost{color:#fff;border-color:#f0f0f0}

/* ============ PASSATA BRAND (dalle locandine storiche: verde militare dominante,
   giallo sui blocchi verdi, bordi decisi; ambra per prezzi e momenti caldi) ============ */
:root{--verde:#5f7050;--verde-scuro:#3f4c33;--ambra:#d97706}

/* Tutti gli accenti testuali su fondo chiaro: dal giallo (illeggibile) al verde militare */
.nav-logo,.nav-links a:hover,.sec h2,.eyebrow,.feat h3,.rev-cta,.rev-cta .go,
.price-list li span:last-child,.included .t,.course h2,.club h3,.extras summary,
.soon .more,.swipe-hint,.mode span,.gift-box label,.book-form label,
.book-side .direct h3,.map-load:hover b,.step::before,.faq summary::after{color:var(--verde)}
a{color:var(--verde)}
.eyebrow{color:var(--verde)}

/* Prezzi e highlight caldi: ambra (leggibile su bianco, scalda la pagina) */
.plan .amount,.night .price-tag .big{color:var(--ambra)}
.plan.hot{border-color:var(--ambra)}

/* Titoli sopra le foto (hero, card occasioni, notturna, photo band) restano gialli */
.hero-in h1 .paint,.occ-body h3,.photo-band .quote .paint,.night h2 .paint,
.night p b,.night-note b{color:var(--paint)}

/* Barra dei numeri: blocco verde con testo giallo, esattamente come le locandine */
.trust{background:var(--verde)}
.trust,.trust *{color:#fce803}

/* Card e pannelli: cornice verde in testa, stile locandina */
.feat div,.plan,.gift-box,.tb-form{border-color:#d7ddcb;border-top:3px solid var(--verde)}

/* Footer: verde militare scuro */
footer{background:var(--verde-scuro)}
footer,footer small{color:#cfd8c3}
.socials a{color:#e8ecdf}
.socials svg{background:#4a5a3d;border-color:#5d6f4e;fill:#fce803}
.socials a:hover svg{background:#fce803;fill:#3f4c33}

/* ============ FIX SISTEMICO CONTRASTI (root cause: --panel-2 e neri cablati) ============ */
/* La seconda variabile pannello era rimasta scura: form prenota, "Sempre incluso",
   mappa, box contatti la usano tutti */
:root{--panel-2:#eef0e8;--dim:#4c5560}

/* Menu mobile: il pannello a tendina aveva nero cablato #121209 */
@media(max-width:900px){
  .nav-links{background:#ffffff;border-bottom:3px solid var(--verde);box-shadow:0 14px 28px rgba(15,19,31,.14)}
  .nav-links a{color:#0f131f}
  #menu-toggle{color:var(--verde)}
}

/* Bottone mappa: usava --ink (ora bianco) come colore del testo */
.map-load{color:#212121}
.map-load b{color:var(--verde)}
.map-load:hover b{color:var(--verde)}

/* Sezioni scure PER DESIGN (notturna): ridefinizione locale delle variabili,
   così il testo interno resta chiaro qualunque cosa cambi altrove */
.night{--text:#eeeadd;--dim:#bab6a7;--panel:#15151d;--panel-2:#1c1c24;--line:#32323d}

/* Le ancore non finiscono più sotto l'header sticky */
html{scroll-padding-top:96px}

/* Link nel footer scuro: il verde brand non legge sul verde scuro */
footer a{color:#e9edda;text-decoration:underline;text-underline-offset:2px}

/* Titoletti card con bianco cablato (nati per il tema scuro) */
.step h3,.plan h3,.soon h3{color:#212121}
/* Tabella extra e voci a scomparsa */
.extras-in,.extras-in td{color:#28303a}
summary{color:var(--verde)}
/* Barra numeri: cifre gialle (testo grande, ok), etichette bianche */
.trust span{color:#ffffff}
/* Notturna: eyebrow torna giallo sul fondo scuro */
.night .eyebrow{color:var(--paint)}
/* Stelle recensioni: ambra scura, leggibile sui pannelli chiari */
.stars,a.stars,.rev .stars,.rev-cta .stars{color:#a16207}
/* Bottone alternativo WhatsApp: verde scuro leggibile su chiaro */
.btn.wa-alt{color:#0b7a3e;border-color:#0b7a3e}

/* Ultimi bianchi/gialli cablati ad alta specificità nella tabella extra */
.extras-in td:last-child{color:#28303a}
.extras summary,.extras-in summary{color:var(--verde) !important}
/* Stelle: mezzo punto sopra la soglia AA */
.stars,a.stars,.rev .stars,.rev-cta .stars{color:#8a5306}

/* Velature più decise sotto i testi in sovraimpressione sulle foto */
.occ::after{background:linear-gradient(180deg,rgba(13,13,11,.30) 0%,rgba(13,13,11,.55) 45%,rgba(13,13,11,.97) 100%)}
.occ-body,.occ-body *{text-shadow:0 1px 8px rgba(0,0,0,.55)}
.mode span{background:linear-gradient(transparent,rgba(13,13,11,.88) 22%,rgba(13,13,11,.98));padding-top:1.6rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.photo-band::after{background:linear-gradient(90deg,rgba(13,13,11,.96) 0%,rgba(13,13,11,.85) 55%,rgba(13,13,11,.45) 100%)}
.photo-band .in,.photo-band .in *{text-shadow:0 1px 8px rgba(0,0,0,.6)}
.photo-band .who{color:#ffffff}

/* Banner buono regalo: fondo voucher scuro per design → testo chiaro esplicito */
.gift-banner .in{color:#eeeadd}
.gift-banner h2{color:#ffffff}
.gift-banner p{color:#c9c4b2}
.gift-banner .eyebrow{color:var(--paint)}

/* Descrizioni nelle card occasioni: la regola inline più specifica le rendeva scure */
.occ-body p,.occ p{color:#efece0}

/* Etichette modalità di gioco: fascia piena scura sotto il testo, niente trasparenze */
.mode span{background:rgba(13,13,11,.93);padding:.7rem .8rem;text-shadow:none}
/* Respiro tra logo e prima voce di menu */
.nav-logo{margin-right:1.4rem;flex-shrink:0}
/* Le etichette modalità stanno su fascia scura: giallo, non verde (era finito nella lista dei testi su fondo chiaro) */
.mode span{color:#fce803}

/* Card "il più scelto" (Veterano): come le altre ma evidenziata — crema leggero,
   bordo ambra e prezzo ambra; i testi restano quelli delle card normali */
.plan.hot{background:#fffdf2;border:2px solid var(--ambra);box-shadow:0 8px 26px rgba(217,119,6,.14)}
.plan.hot h3{color:#212121}
.plan.hot .amount{color:var(--ambra)}
/* Foto delle modalità più luminose: la leggibilità del testo è garantita dalla fascia scura */
.mode img{filter:brightness(1.28) saturate(1.08)}

/* Foto principali più luminose (il tema scuro le filtrava a .45-.55).
   La leggibilità resta affidata ai gradienti nella zona del testo. */
.hero .bg{filter:saturate(.95) brightness(.75)}
.hero-bg::after{background:linear-gradient(180deg,rgba(13,13,11,.30) 0%,rgba(13,13,11,.12) 40%,rgba(13,13,11,.94) 92%)}
.occ::after{background:linear-gradient(180deg,rgba(13,13,11,.10) 0%,rgba(13,13,11,.38) 50%,rgba(13,13,11,.96) 100%)}
.photo-band::after{background:linear-gradient(90deg,rgba(13,13,11,.94) 0%,rgba(13,13,11,.78) 50%,rgba(13,13,11,.28) 100%)}
/* Hero home più luminoso (vale per desktop e mobile) */
.hero-bg{filter:brightness(1.25) saturate(1.05)}
.hero-bg::after{background:linear-gradient(180deg,rgba(13,13,11,.18) 0%,rgba(13,13,11,.06) 40%,rgba(13,13,11,.90) 92%)}
.hero-in h1,.hero-in p,.hero-in .eyebrow{text-shadow:0 2px 12px rgba(0,0,0,.5)}

/* Prezzi come le locandine storiche: cifra gialla su blocco verde */
.plan .amount,.plan.hot .amount{color:#fce803;background:var(--verde);display:inline-block;padding:.12em .45em;border-radius:9px;line-height:1.15}
.plan.hot{border-color:var(--verde)}
.night .price-tag .big{color:#fce803}

/* Sfondi in verde chiarissimo (richiesta: verde anche dove era bianco) */
:root{--ink:#f3f6ec;--panel:#e9eedd;--line:#d5deca;--panel-2:#e9eedd}
body{background:#f3f6ec}
nav{background:rgba(246,248,240,.96)}
/* Le card prezzi e i pannelli principali staccano in bianco sul fondo salvia */
.plan{background:#ffffff}
.plan.hot{background:#fffdf0}
@media(max-width:900px){.nav-links{background:#f6f8f0}}

/* Card prezzi: tonalità arancio chiaro (prova richiesta), la "più scelta" un tono più caldo */
.plan{background:#fdf0e0;border-color:#ecd9bf}
.plan.hot{background:#fbe3c6;border-color:#d97706}

/* Arancione del vecchio sito = oro delle stelle recensioni (#f6bb06, widget Trustindex).
   Card prezzi su quella famiglia: dorato chiaro, bordo oro pieno sulla più scelta */
.plan{background:#fdf4d9;border-color:#eddfae}
.plan.hot{background:#faeabc;border-color:#f6bb06}

/* Card prezzi in verde chiaro, distinto dal fondo salvia */
.plan{background:#e2ebcf;border-color:#c6d4ab}
.plan.hot{background:#d5e2b9;border-color:var(--verde)}

/* ============ RITORNO DELL'ORO DEL VECCHIO SITO (#f6bb06, stelle recensioni) ============
   Divisione dei ruoli: GIALLO = testi sui blocchi verdi (locandine);
   ORO = riempimenti di bottoni e badge (come nel vecchio sito) */
:root{--oro:#f6bb06}
.btn.nav-cta{background:var(--oro);box-shadow:0 4px 14px rgba(246,187,6,.4)}
.flag{background:var(--oro)}
.badge{background:var(--oro)}
.plan.hot{border-color:var(--oro)}
.plan.hot .btn{background:var(--oro);color:#141410;box-shadow:0 6px 20px rgba(246,187,6,.35)}
.gift-banner .in{border-color:var(--oro)}

/* Tag 'Attivo' (beach volley/teqball): dal verde WhatsApp al verde della palette */
.soon.live .tag{background:var(--verde);color:#ffffff}

/* Fascia 'il campo': il paragrafo ereditava --text (scuro) sopra la foto */
.field-band p{color:#f1eee2;text-shadow:0 1px 10px rgba(0,0,0,.85)}
.field-band h2{color:#ffffff}

/* ============ FIX RICHIESTE 19/07 ============ */
/* Notturna: il titolo prendeva il verde dei fondi chiari (illeggibile sul nero) */
.night h2{color:#ffffff}
/* Notturna mobile: Montserrat più largo del condensed originale → il box prezzo
   e il bottone nowrap sbordavano a destra trascinando la sezione */
.night .sec>*{min-width:0}
@media(max-width:600px){
  .night .price-tag{display:block;text-align:center;padding:1.2rem 1.2rem 1.4rem}
  .night .price-tag .big{font-size:2.1rem}
  .night .price-tag .btn{margin-top:.9rem;white-space:normal;justify-content:center;font-size:.9rem;width:100%}
}
/* Banner buono regalo: bottone centrato su mobile */
@media(max-width:640px){.gift-banner .btn{margin:0 auto}}
/* Form prenotazione: i date input hanno larghezza minima intrinseca e sbordavano
   dalla colonna; con le label su righe diverse i campi risultavano disallineati */
.book-form select,.book-form input{min-width:0}
.book-form .row>div{min-width:0}
.book-form .row{align-items:end}
/* Bottone regalo: flex-shrink:0 + Montserrat largo = sbordava a destra dal voucher */
@media(max-width:640px){
  .gift-banner .btn{flex-shrink:1;max-width:100%;white-space:normal;text-align:center;font-size:.95rem;letter-spacing:.04em}
}