/* ==========================================================================
   Header slider (Swiper 14) — sostituisce il vecchio nerveSlider (#images)
   Slide renderizzate lato PHP in index.php: #images.swiper-header > .swiper-wrapper > .swiper-slide > img
   Il contenitore #slider (suedtiroler.css) definisce già max-width:1300px e overflow:hidden.
   ========================================================================== */

#images.swiper-header {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    /* Guida l'altezza del blocco #slider (che non ha height esplicita) */
    aspect-ratio: 1300 / 452;
}

#images.swiper-header .swiper-wrapper {
    height: 100%;
}

#images.swiper-header .swiper-slide {
    height: 100%;
    overflow: hidden;
}

#images.swiper-header .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fallback per browser senza supporto aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
    #images.swiper-header {
        height: 452px;
    }
}