/* ============================================================ Tema chiaro — bianco e rosso, in continuita' con lo storico Ridefinisce solo le variabili: struttura e componenti restano identici. Si attiva con . ============================================================ */ body.t-light { --ink: #FFFFFF; --ink-2: #FFFFFF; --ink-3: #E3E6EE; --paper: #171A22; --muted: #667085; --red: #E23B3B; --red-hi: #B81F1F; /* per il testo su fondo chiaro: contrasto 6.5 */ --brass: #9A6212; /* ambra scura: leggibile su bianco */ --brass-dim: #C9942F; --mint: #0E9C63; --header-bg: rgba(255,255,255,.94); --slot-bg: #F6F7FA; --card-fade: linear-gradient(to top, rgba(0,0,0,.72) 2%, rgba(0,0,0,0) 52%); --pin-ink: #FFFFFF; --on-red: #FFFFFF; --veil-bg: rgba(255,255,255,.5); --veil-chip: rgba(255,255,255,.97); --glow: rgba(226,59,59,.13); --prose-ink: #3B4251; --shadow: 0 14px 34px -22px rgba(23,26,34,.5); background: #F0F1F6; } /* superfici chiare: servono confini piu' netti e ombre piu' leggere */ body.t-light .card, body.t-light .city-card, body.t-light .map-panel, body.t-light .booking { box-shadow: 0 1px 2px rgba(23,26,34,.06), 0 8px 20px -14px rgba(23,26,34,.35); } body.t-light .card { border-color: #D8DCE6; } body.t-light .card-strip .price { color: #FFD27A; } /* i badge punteggio devono staccarsi dalla card bianca */ body.t-light .card .score { background: #F5F6FA; border-color: #DDE1EA; } body.t-light .card-body::after { border-top-color: #DCE0EA; } body.t-light .card-house { border-bottom-color: #E6E9F0; } body.t-light .filters-wrap::before { background: linear-gradient(to right, #F0F1F6 12%, transparent); } body.t-light .filters-wrap::after { background: linear-gradient(to left, #F0F1F6 12%, transparent); } body.t-light .scroll-arrow { background: #FFFFFF; } body.t-light .sel { background: #FFFFFF; } body.t-light .menu { background: #FFFFFF; } body.t-light .menu-btn span { background: #171A22; } body.t-light .availfilter .chip.on { background: var(--red-fill); border-color: var(--red-fill); color: #FFFFFF; } body.t-light .sel select option { background: #FFFFFF; color: #171A22; } body.t-light .card:hover { border-color: var(--red); box-shadow: 0 14px 30px -18px rgba(226,59,59,.5); } body.t-light .venue-block { background: #FFFFFF; } body.t-light .card-venue { color: #FFFFFF; } body.t-light .booking-head { background: linear-gradient(180deg, rgba(226,59,59,.08), transparent); } body.t-light .chip { background: #FFFFFF; } body.t-light .chip.on { background: var(--red-fill); border-color: var(--red-fill); color: #FFFFFF; } body.t-light .viewswitch { background: #F2F4F8; } body.t-light .viewswitch button.on { background: #FFFFFF; color: var(--red-hi); } body.t-light .slot:hover { border-color: var(--red); background: rgba(226,59,59,.08); } body.t-light .score-google { border-color: rgba(154,98,18,.34); } body.t-light .score-ta { border-color: rgba(14,156,99,.4); } body.t-light .score-ta .val { color: #0E9C63; } body.t-light .leaflet-popup-content-wrapper, body.t-light .leaflet-popup-tip { background: #FFFFFF; } body.t-light .erm-map { background: #EDEFF4; }