/* GENERATED by scripts/build_portal_skin.py — do not edit by hand.
   Portal skin `elba`: the colour declarations of the HoEscape
   skin sheets, rewritten with the portal palette. Loaded last in
   <head>, it wins by source order at equal specificity.
   Sources: common.css, hoescape.css, hoescape-cerca.css, hoescape-home.css, mobile-drawer.css, loading-feedback.css, search.css, viaggi-landing.css, viaggi-risultati.css, viaggi-detail.css, viaggi-detail-v2.css, viaggi-dest.css, viaggi-dest-rows.css, share-offer.css, offerta-condivisa.css, quote-recovery.css, flight_hotel.css, atlas_flights.css, club-search-banner.css, brand-reviews.css, _gallery_lightbox.css
   Templates: public/quote_view.html, public/quote_confirm.html, public/quote_thank_you.html */
/* -- hoescape.css -- */
html[data-skin="hoe"]{--accent:#f5a623;--accent-hover:#d98e0c;--light-bg:#f3f6fb}
html[data-skin="hoe"] .mobile-nav-item:hover, html[data-skin="hoe"] .mobile-nav-item.active{background:rgba(245, 166, 35, 0.12)}
html[data-skin="hoe"] .v2-section-tag{background:rgba(245, 166, 35, 0.18)}
html[data-skin="hoe"] .v2-urgency-banner{background:rgba(245, 166, 35, 0.18)}
html[data-skin="hoe"] .hoescape-hero{background:radial-gradient(circle at 12% 20%, rgba(245, 166, 35,0.18) 0%, transparent 45%),
        radial-gradient(circle at 88% 80%, rgba(30,77,156,0.10) 0%, transparent 50%),
        linear-gradient(135deg, #ffffff 0%, #f3f6fb 100%)}
html[data-skin="hoe"] .hoescape-hero h1 em{background:linear-gradient(120deg, transparent 0%, transparent 65%, rgba(245, 166, 35,0.25) 65%, rgba(245, 166, 35,0.25) 100%)}
html[data-skin="hoe"] .hoescape-cta-primary:hover{box-shadow:0 12px 28px rgba(245, 166, 35,0.4)}
html[data-skin="hoe"] .v2-footer{background:#152a4f}
html[data-skin="hoe"] .btn-cta-primary:hover{background:#d98e0c !important;box-shadow:0 4px 12px rgba(245, 166, 35, 0.35) !important}
html[data-skin="hoe"] .v2-search-btn, html[data-skin="hoe"] .hoe-search-card .v2-search-btn{background:linear-gradient(135deg, var(--accent) 0%, #d98e0c 100%) !important}
html[data-skin="hoe"] .filter-icon-stars{background:rgba(245, 166, 35, 0.15) !important}
html[data-skin="hoe"] .btn-primary:not(.price):not([class*="price"]):hover{background:#d98e0c !important;border-color:#d98e0c !important}
html[data-skin="hoe"] .v2-search-btn:hover{background:#d98e0c !important}
html[data-skin="hoe"]{--hoescape-accent:#f5a623;--hoescape-accent-hover:#d98e0c}
html[data-skin="hoe"] .rooms-confirm-btn{box-shadow:0 2px 8px rgba(245, 166, 35, 0.3)}
html[data-skin="hoe"] .rooms-confirm-btn:hover{box-shadow:0 4px 12px rgba(245, 166, 35, 0.4)}
html[data-skin="hoe"] .search-submit{box-shadow:0 2px 8px rgba(245, 166, 35, 0.3)}
html[data-skin="hoe"] .search-submit:hover{box-shadow:0 6px 24px rgba(245, 166, 35, 0.5)}
html[data-skin="hoe"] .footer-main{background:#152a4f}
@media (min-width: 992px){html[data-skin="hoe"] .search-submit{box-shadow:0 4px 14px rgba(245, 166, 35, 0.4)}}
html[data-skin="hoe"] .v2-search-btn{box-shadow:0 2px 8px rgba(245, 166, 35, 0.3)}
html[data-skin="hoe"] .v2-search-btn:hover{box-shadow:0 4px 12px rgba(245, 166, 35, 0.4)}
html[data-skin="hoe"] .hoe-loc-item:hover, html[data-skin="hoe"] .hoe-loc-item:focus{background:rgba(245, 166, 35, 0.10)}
html[data-skin="hoe"] .destination-item:hover, html[data-skin="hoe"] .destination-item:focus{background:rgba(245, 166, 35, 0.10)}
@media (max-width: 767.98px){html[data-skin="hoe"] .hoe-cerca-form-wrap.is-open .search-submit{background:var(--hoescape-accent, #f5a623) !important}}
html[data-skin="hoe"] #mobileMenu .offcanvas-header{border-bottom:3px solid #f5a623 !important}
html[data-skin="hoe"] #mobileMenu .mobile-nav-item i{color:#f5a623}
html[data-skin="hoe"] #mobileMenu .btn[href="/richiedi-preventivo"], html[data-skin="hoe"] #mobileMenu .btn[href*="preventivo"]{background:var(--hoescape-accent, #f5a623) !important;box-shadow:0 4px 15px rgba(245, 166, 35, 0.3) !important}
html[data-skin="hoe"] #mobileMenu .mobile-nav-item i{color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .hoe-loved-chip{background:var(--light-bg, #f3f6fb)}
html[data-skin="hoe"] .top-bar{background:#152a4f !important}
html[data-skin="hoe"] .v2-footer{background:#152a4f !important}
/* -- hoescape-cerca.css -- */
html[data-skin="hoe"] .location-tag{color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .text-accent{color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .filters-sidebar .form-check-input:checked{background-color:var(--hoescape-accent, #f5a623);border-color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .filters-sidebar .form-check-input:checked{background-color:var(--hoescape-accent, #f5a623);border-color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .filters-sidebar .form-check-input:focus{box-shadow:0 0 0 3px rgba(245, 166, 35, 0.18)}
html[data-skin="hoe"] .filters-sidebar .form-check-input[type="radio"]:checked{background-color:var(--hoescape-accent, #f5a623);border-color:var(--hoescape-accent, #f5a623)}
html[data-skin="hoe"] .filters-sidebar .form-select:focus{border-color:var(--hoescape-accent, #f5a623);box-shadow:0 0 0 3px rgba(245, 166, 35, 0.12)}
html[data-skin="hoe"] .filter-active-count{background:var(--hoescape-accent, #f5a623)}
/* -- hoescape-home.css -- */
html[data-skin="hoe"] .destination-item:hover, html[data-skin="hoe"] .destination-item[aria-selected="true"]{background:rgba(245, 166, 35, 0.10)}
html[data-skin="hoe"] .hoe-usp-icon{background:rgba(245, 166, 35, 0.18)}
/* -- viaggi-landing.css -- */
.vl-landing{--vl-lime:var(--hoescape-accent, #f5a623);--vl-lime-hover:var(--hoescape-accent-hover, #d98e0c);--vl-tint:#f3f6fb}
.vl-hero-dep{border:1px solid rgba(245, 166, 35, .55)}
.vl-search-cta{box-shadow:0 8px 24px rgba(245, 166, 35, .35)}
.vl-pill{background:rgba(245, 166, 35, .22)}
.vl-fp .flatpickr-months .flatpickr-prev-month:hover svg, .vl-fp .flatpickr-months .flatpickr-next-month:hover svg{fill:#d98e0c}
.vl-fp .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay){background:rgba(245, 166, 35, .22);border-color:rgba(217, 142, 12, .5)}
.vl-fp .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):hover{background:rgba(245, 166, 35, .5);border-color:#d98e0c}
.vl-fp-legend{background:rgba(245, 166, 35, .16);border:1px solid rgba(217, 142, 12, .45)}
.vl-fp-legend-dot{background:rgba(245, 166, 35, .22);border:1px solid rgba(217, 142, 12, .5)}
.vl-dd-opt.is-current{background:rgba(245, 166, 35, .18)}
.vl-combo-opt.is-current.is-cursor{background:rgba(245, 166, 35, .28)}
/* -- viaggi-risultati.css -- */
.vr-page{--vl-lime:var(--hoescape-accent, #f5a623);--vl-lime-hover:var(--hoescape-accent-hover, #d98e0c);--vl-tint:#f3f6fb}
.vr-fun{background:rgba(245, 166, 35, .16)}
.vr-flights{background:#f3f6fb}
.vr-flights-pill{background:rgba(245, 166, 35, .28)}
@media (max-width: 767.98px){.vr-page .vr-search-wrap.is-open .search-submit{background:var(--vl-lime, #f5a623) !important}}
html:not([data-skin="hoe"]) .vr-page .search-submit{background:#f5a623}
/* -- viaggi-detail.css -- */
.vd-dock-cta{background:linear-gradient(135deg, #f5a623 0%, #d98e0c 100%);box-shadow:0 6px 16px rgba(245, 166, 35, .45)}
/* -- offerta-condivisa.css -- */
html[data-skin="hoe"]{--of-accent:#f5a623}
/* -- flight_hotel.css -- */
.fh{--fh-lime:#f5a623}
/* -- club-search-banner.css -- */
.club-search-banner{--club-accent:#f5a623}
/* -- extra (hand-written) -- */
/* header condiviso: barra di servizio navy scuro, navbar bianca, voci a
   pillola, CTA ambra con testo navy come nel template. I colori stanno
   nello <style> del partial, che sta nel body e quindi DOPO questo
   foglio — servono selettori piu' forti */
html[data-skin="hoe"] .top-bar{background:#152a4f;color:rgba(255,255,255,.9)}
html[data-skin="hoe"] .top-bar a:hover{color:#f5a623}
html[data-skin="hoe"] .navbar{background:rgba(255,255,255,.95);box-shadow:0 2px 16px rgba(21,42,79,.06);border-bottom:1px solid #f1f5f9}
html[data-skin="hoe"] .header-nav-links .nav-link{color:#475569!important;font-weight:600;border-radius:999px}
html[data-skin="hoe"] .header-nav-links .nav-link:hover{color:#1e3c72!important;background:#f3f6fb}
html[data-skin="hoe"] .header-nav-cta a{background:#f5a623!important;color:#152a4f!important;border-radius:999px!important;font-weight:700;box-shadow:0 6px 16px rgba(245,166,35,.35)}
html[data-skin="hoe"] .header-nav-cta a:hover{background:#d98e0c!important}
html[data-skin="hoe"] .mobile-nav-item{color:#334155}
html[data-skin="hoe"] .mobile-nav-item i{color:#1e3c72}
html[data-skin="hoe"] .mobile-nav-item:hover,html[data-skin="hoe"] .mobile-nav-item.active{background:#f3f6fb;color:#1e3c72;border-left-color:#f5a623}
html[data-skin="hoe"] .mobile-nav-item:hover i,html[data-skin="hoe"] .mobile-nav-item.active i{color:#f5a623}
html[data-skin="hoe"] .mobile-social-btn:hover{background:#1e3c72}
/* logo 4:1 (sigillo + wordmark in tracciati): il header lo impone a 50px
   inline (200px di larghezza) e il footer a 160px con un filtro che lo
   rende una sagoma bianca — il sigillo perderebbe le onde. Sul footer
   scuro si usa la variante bianca; Firefox, che non sostituisce l'img
   via `content`, tiene la sagoma */
html[data-skin="hoe"] .navbar .navbar-brand img,html[data-skin="hoe"] .navbar-brand img{height:46px!important;max-height:none!important;width:auto!important}
@media (max-width:991px){html[data-skin="hoe"] .navbar .navbar-brand img,html[data-skin="hoe"] .navbar-brand img{height:38px!important}}
html[data-skin="hoe"] .v2-footer-brand img{width:210px!important;filter:none!important;content:url("/static/img/logo-hotels-elba-bianco.svg")}
@supports (-moz-appearance:none){html[data-skin="hoe"] .v2-footer-brand img{filter:brightness(0) invert(1)!important;content:normal}}
/* footer: navy scuro, titoli ambra maiuscoli come nel template */
html[data-skin="hoe"] .v2-footer{background:#152a4f;color:rgba(255,255,255,.75)}
html[data-skin="hoe"] .v2-footer h5{color:#f5a623;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
html[data-skin="hoe"] .v2-footer-contact i{color:#f5a623}
html[data-skin="hoe"] .v2-footer-contact a:hover,html[data-skin="hoe"] .v2-footer-links a:hover{color:#fff}
html[data-skin="hoe"] .v2-footer-social a:hover{background:#f5a623;color:#152a4f}
/* contatti: colori scritti nello <style> del template, fuori dai fogli */
html[data-skin="hoe"] .form-control:focus{box-shadow:0 0 0 .2rem rgba(30,60,114,.2)}
html[data-skin="hoe"] .btn-send:hover{box-shadow:0 6px 20px rgba(245,166,35,.4)}
/* area clienti: base proprio (niente data-skin, niente fogli HoEscape):
   i colori vengono dal tema del portale (migration 20260916120000), qui
   solo cio' che il tema non copre — il blu Bootstrap */
body:has(.navbar-customer) .btn-primary{background:#1e3c72;border-color:#1e3c72}
body:has(.navbar-customer) .btn-primary:hover,body:has(.navbar-customer) .btn-primary:focus{background:#152a4f;border-color:#152a4f}
body:has(.navbar-customer) a:not(.btn):not(.nav-link){color:#2a5298}
