/* =====================================================================
   home-light.css — tema CHIARO + accento AZZURRO per la copia
   sperimentale della homepage (it/index-light.php). Scope: body.home-light.

   Sistema di colori:
   - Base:      cream #fbf8f4 / bianco #ffffff, testo #14110f
   - Primario:  arancione/magma #ff4500  → CTA prenotazione, prezzi (brand, invariato)
   - Secondario: AZZURRO #0ea5e9 / #0284c7 / #0c4a6e  → sezione recensioni,
                 bottone form, testo in grassetto, accenti di fiducia
   L'hero (immagine) resta scuro: fa da contrasto al resto chiaro.
   ===================================================================== */

body.home-light { background: #fbf8f4 !important; }

/* ---------- sfondi sezione: da scure a chiare ---------- */
.home-light #tours,
.home-light #seo-content { background: #fbf8f4 !important; }
.home-light #contact-form,
.home-light section:has(.people-gallery) { background: #ffffff !important; }
.home-light #seo-content { border-color: #ece7e1 !important; }

/* ---------- sezione TOURS: alleggerisco il velo scuro sopra la foto ---------- */
.home-light #tours .bg-black\/60 { background: rgba(251,248,244,.62) !important; }
.home-light #tours .bg-gradient-to-b { background: linear-gradient(to bottom, #fbf8f4, rgba(251,248,244,.12), #fbf8f4) !important; }
.home-light #tours img.mix-blend-soft-light { mix-blend-mode: normal !important; opacity: .12 !important; }

/* ---------- orbs/blur viola e magma: spenti per non sporcare il chiaro ---------- */
.home-light [class*="bg-purple-9"] { opacity: .05 !important; }
.home-light #tours .bg-magma\/20 { opacity: .1 !important; }

/* ---------- titoli e testi → scuri (sezioni chiare) ---------- */
.home-light #tours h2,
.home-light #seo-content h2,
.home-light #seo-content h3,
.home-light #seo-content h4,
.home-light section:has(.people-gallery) h2 { color: #14110f !important; }

.home-light #tours .text-gray-200,
.home-light #seo-content .text-gray-200,
.home-light #seo-content .text-gray-300 { color: #4a4540 !important; }

/* accenti AZZURRI sul testo in grassetto / citazioni della sezione SEO */
.home-light #seo-content strong { color: #0284c7 !important; }
.home-light #seo-content .text-white\/90 { color: #0c4a6e !important; font-weight: 700 !important; }
.home-light #seo-content .border-magma { border-color: #0ea5e9 !important; }

/* =====================================================================
   SEZIONE RECENSIONI — accento AZZURRO chiaro
   ===================================================================== */
.home-light .rv-section { background: linear-gradient(180deg, #f0f9ff, #e0f2fe) !important; color: #14110f !important; }
.home-light .rv-section h2 { color: #0c4a6e !important; }
/* badge "Recensioni" → azzurro */
.home-light .rv-section .bg-magma\/20 { background: rgba(2,132,199,.12) !important; color: #0284c7 !important; border-color: rgba(2,132,199,.3) !important; }
/* loghi piattaforme: tolgo il filtro bianco → tornano leggibili su chiaro */
.home-light .rv-section .rv-platform img { filter: none !important; }
.home-light .rv-platform-score { color: #14110f !important; }
.home-light .rv-platform-name { color: #475569 !important; }
.home-light .rv-trust-label { color: #475569 !important; }
.home-light .rv-trust-stars { color: #f59e0b !important; }
/* tabs lingua */
.home-light .rv-tab { color: #475569 !important; border-color: #cbd5e1 !important; }
.home-light .rv-tab:hover { color: #0284c7 !important; border-color: #0ea5e9 !important; }
.home-light .rv-tab.is-active { background: #0284c7 !important; border-color: #0284c7 !important; color: #fff !important; box-shadow: 0 8px 20px -8px rgba(2,132,199,.6) !important; }
/* card recensioni → bianche, testo scuro, bordo azzurrino */
.home-light .rv-card { background: #ffffff !important; border-color: #cfe6fb !important; box-shadow: 0 20px 44px -34px rgba(2,132,199,.45) !important; }
.home-light .rv-card:hover { border-color: #0284c7 !important; }
.home-light .rv-card-text { color: #3f3a36 !important; }
.home-light .rv-card-name { color: #14110f !important; }
.home-light .rv-card-src { color: #64748b !important; }
.home-light .rv-card-stars { color: #f59e0b !important; }
.home-light .rv-card-more { color: #0284c7 !important; }
.home-light .rv-nav { background: #0284c7 !important; color: #fff !important; }
.home-light .rv-nav:hover { background: #0369a1 !important; }

/* =====================================================================
   FORM CONTATTI — card bianca + pannello info AZZURRO + bottone azzurro
   ===================================================================== */
.home-light #contact-form .bg-white\/5 { background: #ffffff !important; }
.home-light #contact-form > .container > div {
    border-color: #ece7e1 !important;
    box-shadow: 0 40px 90px -45px rgba(20,17,15,.4) !important;
}
/* lato info: gradiente azzurro pieno */
.home-light #contact-form .bg-black\/40 { background: linear-gradient(160deg, #0ea5e9, #0369a1) !important; }
.home-light #contact-form .bg-magma\/10 { background: rgba(255,255,255,.18) !important; color: #fff !important; }
/* input: chiari, testo scuro, focus azzurro */
.home-light #contact-form input,
.home-light #contact-form textarea {
    background: #f7f9fb !important;
    color: #14110f !important;
    border-color: #dbe6ef !important;
}
.home-light #contact-form input::placeholder,
.home-light #contact-form textarea::placeholder { color: #9b948c !important; }
.home-light #contact-form input:focus,
.home-light #contact-form textarea:focus { border-color: #0ea5e9 !important; box-shadow: 0 0 0 3px rgba(14,165,233,.18) !important; }
/* etichette SOLO lato form → scure */
.home-light #contact-form form label { color: #475569 !important; }
/* bottone invio richiesta → AZZURRO */
.home-light #contact-form button[type="submit"] {
    background: linear-gradient(to right, #0ea5e9, #0284c7) !important;
    box-shadow: 0 14px 30px -12px rgba(2,132,199,.55) !important;
}

/* =====================================================================
   ACCENTO AZZURRO al posto dell'arancione su TUTTA la home light
   ===================================================================== */
/* hero: ribalto le variabili → gradient "Etna", highlight "Fuoco/Neve/Mare", bottone primario */
.home-light, .home-light .hero-premium {
    --hero-magma-1: #0ea5e9;
    --hero-magma-2: #38bdf8;
    --hero-magma-3: #7dd3fc;
}
.home-light .btn-premium-primary { box-shadow: 0 10px 25px rgba(2,132,199,.4) !important; }
.home-light .btn-premium-primary:hover { box-shadow: 0 15px 35px rgba(2,132,199,.55), 0 0 0 4px rgba(14,165,233,.2) !important; }
.home-light .btn-premium-primary:hover i { color: #0ea5e9 !important; }
.home-light .text-gradient-magma { filter: drop-shadow(0 2px 5px rgba(2,132,199,.35)) !important; }

/* eyebrow ("Avventure Uniche", "Galleria", "Contattaci") e h2 gradient ("Esperienza", "ETNA") → azzurro */
.home-light .text-magma { color: #0284c7 !important; }
.home-light #tours .bg-clip-text.text-transparent,
.home-light #seo-content .bg-clip-text.text-transparent { background-image: linear-gradient(to right, #0ea5e9, #0284c7) !important; }

/* card in evidenza (Etna & Alcantara): bordo azzurro, stop al pulse arancione */
.home-light .trial-card-highlighted {
    border-color: rgba(14,165,233,.9) !important;
    animation: none !important;
    box-shadow: 0 0 0 4px rgba(14,165,233,.16), 0 30px 60px -30px rgba(2,132,199,.5) !important;
}
/* tag livello (Facile / Medio-Alto / Tour in Volo...) → azzurro, testo chiaro (leggibile su foto) */
.home-light .trial-level-tag { background: rgba(2,132,199,.4) !important; color: #e0f2fe !important; border-color: rgba(125,211,252,.5) !important; }
.home-light .trial-level-tag i { color: #7dd3fc !important; }

/* icone info del form sul pannello azzurro → bianche */
.home-light #contact-form .bg-black\/40 .text-magma { color: #ffffff !important; }

/* =====================================================================
   NAVBAR — accenti magma → azzurro (resta scura/translucida: leggibile
   sull'hero scuro e sul background "scrolled" bg-volcanic/60)
   ===================================================================== */
.home-light #main-nav .text-magma,
.home-light #mobile-menu-container .text-magma { color: #38bdf8 !important; }
.home-light #main-nav .hover\:text-magma:hover,
.home-light #mobile-menu-container .hover\:text-magma:hover { color: #38bdf8 !important; }
.home-light #main-nav .group:hover .group-hover\:text-magma { color: #38bdf8 !important; }
.home-light #main-nav .bg-magma,
.home-light #mobile-menu-container .bg-magma { background: #0ea5e9 !important; box-shadow: 0 10px 25px -8px rgba(2,132,199,.5) !important; }
.home-light #main-nav .hover\:bg-magma-dark:hover { background: #0284c7 !important; }
/* navbar un po' PIÙ CHIARA: azzurro-ardesia translucido invece del quasi-nero */
.home-light #main-nav { background: rgba(28, 49, 71, .45) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
.home-light #main-nav.bg-volcanic\/60,
.home-light #main-nav.bg-volcanic\/80 { background: rgba(30, 52, 74, .74) !important; }
/* barra bandierine (mobile) → azzurrina */
.home-light #mobile-lang-bar { background: #e0f2fe !important; border-bottom-color: #bfdbfe !important; }
.home-light #mobile-lang-bar .bg-white\/20 { background: rgba(2,132,199,.22) !important; }

/* ABOVE-FOLD più CHIARO: filtro/overlay dell'hero meno opaco
   (resta un po' di scuro a sinistra/in basso per leggere il testo bianco) */
.home-light .hero-premium-bg { filter: brightness(1.0) contrast(1.05) saturate(1.12) !important; }
.home-light .hero-premium-vignette {
    background:
        linear-gradient(to top, rgba(11,11,13,.68) 0%, rgba(11,11,13,.22) 32%, rgba(11,11,13,.05) 60%, rgba(11,11,13,.12) 100%),
        linear-gradient(to right, rgba(11,11,13,.5) 0%, rgba(11,11,13,.15) 45%, transparent 100%),
        radial-gradient(circle at center, transparent 25%, rgba(11,11,13,.18) 95%) !important;
}

/* =====================================================================
   FOOTER — versione CHIARA + accenti azzurri
   ===================================================================== */
.home-light footer { color: #14110f !important; }
.home-light footer .bg-gradient-to-t { background: linear-gradient(to top, #ffffff, #f6fbff 55%, #eaf4fc) !important; }
.home-light footer img.grayscale { filter: grayscale(1) brightness(1.5) !important; opacity: .05 !important; }
.home-light footer .text-white,
.home-light footer h4, .home-light footer h5 { color: #14110f !important; }
.home-light footer .text-gray-300 { color: #4a4540 !important; }
.home-light footer .text-gray-400 { color: #6b6660 !important; }
.home-light footer .text-gray-500, .home-light footer .text-gray-600 { color: #8a847c !important; }
.home-light footer .border-white\/10 { border-color: #e0eef9 !important; }
/* accenti azzurri */
.home-light footer .text-magma { color: #0284c7 !important; }
.home-light footer .bg-magma { background: #0ea5e9 !important; }
.home-light footer .bg-magma\/10 { background: rgba(14,165,233,.12) !important; }
.home-light footer .hover\:text-magma:hover { color: #0284c7 !important; }
.home-light footer .hover\:bg-magma:hover { background: #0ea5e9 !important; }
.home-light footer .hover\:border-magma:hover { border-color: #0ea5e9 !important; }
.home-light footer .group:hover .group-hover\:bg-magma { background: #0ea5e9 !important; }
/* bottoni social: pillole chiare, icona azzurra → bianca al hover */
.home-light footer .bg-white\/5 { background: #eef6fd !important; border-color: #d4e7f6 !important; }
.home-light footer .bg-white\/5 i { color: #0284c7 !important; }
.home-light footer .group:hover i { color: #ffffff !important; }

/* =====================================================================
   DETTAGLI rimasti arancioni → azzurro
   ===================================================================== */
/* "sole" rosso (orb) nella sezione recensioni */
.home-light .rv-section .bg-magma { background: #7dd3fc !important; }

/* sezione foto: hint "Scorri per vedere i prossimi ricordi" + freccia */
.home-light .people-gallery-hint { color: #475569 !important; }
.home-light .people-gallery-hint i { color: #0ea5e9 !important; }
/* frecce di navigazione galleria (su sfondo chiaro: bianche → azzurre/visibili) */
.home-light .gallery-nav { background: #ffffff !important; border-color: #cfe6fb !important; color: #0284c7 !important; box-shadow: 0 8px 24px rgba(2,132,199,.18) !important; }
.home-light .gallery-nav:hover { background: #e0f2fe !important; }

/* pulsante "torna su" */
.home-light .back-to-top { color: #0284c7 !important; border-color: #cfe6fb !important; }
.home-light .back-to-top:hover { background: #0ea5e9 !important; border-color: #0ea5e9 !important; color: #ffffff !important; }

/* colore della selezione del testo (era magma) */
.home-light ::selection { background: #0ea5e9 !important; color: #ffffff !important; }
.home-light ::-moz-selection { background: #0ea5e9 !important; color: #ffffff !important; }

/* =====================================================================
   CARD compatte (stile chiaro): immagine SOPRA + contenuto su BIANCO sotto
   ===================================================================== */
@media (min-width: 1024px) {
    .home-light .trial-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 1.5rem !important; max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .home-light .trial-grid { gap: 1.25rem !important; }
}
.home-light .trial-card {
    height: auto !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    color: #14110f !important;
    border: 1px solid #e7e1db !important;
    border-radius: 1.1rem !important;
    box-shadow: 0 18px 40px -28px rgba(20,17,15,.4) !important;
}
.home-light .trial-card:hover { box-shadow: 0 26px 50px -26px rgba(2,132,199,.4), 0 0 0 1px rgba(14,165,233,.3) !important; }
.home-light .trial-card::after { display: none !important; }
.home-light .trial-bg-img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 11rem !important;
    border-radius: 1.1rem 1.1rem 0 0 !important;
}
/* card Etna & Alcantara: abbasso il crop così si vede la signora per intero */
.home-light .click_alcantara_card .trial-bg-img { object-position: center 72% !important; }
.home-light .trial-top-bar { top: .85rem !important; left: .85rem !important; right: .85rem !important; }
.home-light .trial-bottom-content { padding: .95rem 1.05rem 1.1rem !important; }
.home-light .trial-level-wrapper { margin-bottom: .4rem !important; }
.home-light .trial-level-tag { background: rgba(14,165,233,.12) !important; color: #0369a1 !important; border-color: rgba(14,165,233,.3) !important; }
.home-light .trial-level-tag i { color: #0ea5e9 !important; }
.home-light .trial-title { color: #14110f !important; font-size: 1.12rem !important; text-shadow: none !important; margin-bottom: .5rem !important; }
.home-light .trial-duration-line { margin-bottom: .55rem !important; }
.home-light .trial-duration-text { color: #3f3a36 !important; font-size: .88rem !important; }
.home-light .trial-line-divider { background: #ece7e1 !important; }
.home-light .trial-line-icon { color: #0ea5e9 !important; }
.home-light .trial-reviews-summary { color: #6b6660 !important; margin-bottom: 0 !important; font-size: .78rem !important; }
.home-light .trial-rating { color: #14110f !important; }
.home-light .trial-stars { color: #f59e0b !important; }
.home-light .trial-count { color: #8a847c !important; }