/**
 * Background Slideshow – bg-slideshow.css
 * Version: 1.1.0
 */

/* Wrapper: füllt die gesamte Color Section aus */
.bgs-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

/* Einzelne Slides */
.bgs-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity var(--bgs-transition, 1000ms) ease-in-out;
    will-change: opacity;
}

/* Aktiver Slide */
.bgs-slide.bgs-active {
    opacity: 1;
}

/* -------------------------------------------------------
   Weg 1: Shortcode – Section enthält .bgs-wrap als Kind
   Weg 2: CSS-ID – Section hat id="bg-slideshow"
   Beide: position:relative erzwingen + Content-Layer oben
------------------------------------------------------- */
.avia_transform:has(.bgs-wrap),
.avia-section:has(.bgs-wrap),
.avia_transform#bg-slideshow,
.avia-section#bg-slideshow {
    position: relative !important;
}

.avia_transform:has(.bgs-wrap) .container,
.avia-section:has(.bgs-wrap) .container,
.avia_transform#bg-slideshow .container,
.avia-section#bg-slideshow .container {
    position: relative;
    z-index: 1;
}