/* _fallbacks.css — no-css-vars, no-backdrop, no-grid, prefers-reduced-motion */
/* =======================
   Legacy Fallbacks
   ======================= */
.no-css-vars body {
    background: #f8f8f8;
    color: #0f0f0f;
}

.no-backdrop .topnav,
.no-backdrop .mapsButton,
.no-backdrop #servizi-card::after,
.no-backdrop #chi-siamo-card::after,
.no-backdrop #contatti-card::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.no-backdrop .topnav {
    background: linear-gradient(132deg, rgba(28, 173, 154, .94), rgba(18, 130, 118, .92));
}

.no-backdrop .mapsButton {
    background: rgba(224, 232, 232, .56);
    border-color: rgba(224, 236, 235, .4);
    box-shadow: 0 8px 16px rgba(2, 10, 10, .2);
}

.no-backdrop .map-location-info {
    text-shadow: 0 16px 38px rgba(40, 49, 54, .96), 0 30px 68px rgba(40, 49, 54, .84), 0 4px 12px rgba(40, 49, 54, .72);
}

.no-backdrop .map-location-info::before {
    background:
        radial-gradient(138% 100% at 16% 24%, rgba(40, 49, 54, .74) 0%, rgba(40, 49, 54, .52) 44%, rgba(40, 49, 54, 0) 78%),
        radial-gradient(140% 96% at 62% 94%, rgba(40, 49, 54, .68) 0%, rgba(40, 49, 54, 0) 80%);
}

.no-backdrop #servizi-card::after,
.no-backdrop #chi-siamo-card::after,
.no-backdrop #contatti-card::after {
    opacity: .82;
}

.no-backdrop #sfondo-servizi-card,
.no-backdrop #sfondo-chi-siamo-card,
.no-backdrop #bottigliette-chi-siamo-card,
.no-backdrop #sfondo-contatti-card {
    opacity: .9;
    transform: none !important;
}

.no-backdrop #descrizione-servizi-card,
.no-backdrop #descrizione-chi-siamo-card,
.no-backdrop #descrizione-contatti-card {
    opacity: .95;
    transform: translate3d(0, 0, 0);
}

.no-backdrop #sfondo-chi-siamo-card,
.no-backdrop #bottigliette-chi-siamo-card,
.no-backdrop #descrizione-chi-siamo-card {
    filter: none !important;
}

.no-backdrop #descrizione-contatti-card {
    margin-top: 54px;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    filter: none;
    pointer-events: auto;
}

.no-backdrop #descrizione-contatti-card .contatti-quick-btn {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(224, 232, 232, .56);
    border-color: rgba(224, 236, 235, .4);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 8px 16px rgba(2, 10, 10, .2);
}

.no-backdrop #descrizione-contatti-card .contatti-quick-btn-altro {
    border-color: rgba(236, 246, 245, .56);
    background: rgba(230, 240, 239, .68);
    box-shadow: 0 10px 20px rgba(2, 10, 10, .24), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.no-backdrop #descrizione-chi-siamo-card {
    margin-top: 26px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.no-backdrop #descrizione-servizi-card {
    margin: 0;
    padding: 0;
    background: transparent;
}

.no-backdrop #descrizione-servizi-card .servizi-pill {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(125, 205, 191, .24);
}

.no-css-vars #sfondo-servizi-card {
    background-position: center 8px !important;
}

.no-css-vars #sfondo-contatti-card {
    background-position: center -66px !important;
}

.no-css-vars #sfondo-chi-siamo-card {
    background-position: center bottom !important;
}

#dove-siamo-card.is-map-fallback #map {
    cursor: pointer;
}

.no-grid .footer-a {
    display: block;
}

.no-grid .footer-column-a {
    margin: 0 0 12px;
}

.no-grid .footer-column-a:last-child {
    margin-bottom: 0;
}

.no-object-fit #hero-logo {
    width: 100% !important;
    height: auto !important;
    max-height: 120px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    .hero--home {
        transition: none !important;
    }

    .topnav, .topnav::after,
    .card-home, .card-home-2, .card-home-3,
    .card-home::before, .card-home-2::before, .card-home-3::before,
    .card-home:hover, .card-home-2:hover, .card-home-3:hover,
    .card-home:focus-within, .card-home-2:focus-within, .card-home-3:focus-within,
    .bottone:hover,
    .mapsButton,
    .map-location-info,
    #servizi-card:hover #sfondo-servizi-card,
    #servizi-card:hover #descrizione-servizi-card,
    #chi-siamo-card:hover #sfondo-chi-siamo-card,
    #chi-siamo-card:hover #bottigliette-chi-siamo-card,
    #chi-siamo-card:hover #descrizione-chi-siamo-card,
    #chi-siamo-card:focus-within #sfondo-chi-siamo-card,
    #chi-siamo-card:focus-within #bottigliette-chi-siamo-card,
    #chi-siamo-card:focus-within #descrizione-chi-siamo-card,
    #contatti-card:hover #sfondo-contatti-card,
    #contatti-card:hover #descrizione-contatti-card,
    #contatti-card:focus-within #sfondo-contatti-card,
    #contatti-card:focus-within #descrizione-contatti-card,
    #descrizione-contatti-card .contatti-quick-btn {
        transform: none !important;
        filter: none !important;
        transition: none !important;
        animation: none !important;
    }

    #descrizione-servizi-card .servizi-pill {
        animation: none !important;
    }
}