/**
 * Resort Slideshow Video — Frontend Styles
 */

/* Ensure each slide is a positioned container so the video can fill it. */
.elementor-background-slideshow__slide {
    position: relative;
    overflow: hidden;
}

/* Video fills the slide exactly like a background-image would. */
.rsv-video-slide video {
    position:   absolute;
    inset:      0;          /* top/right/bottom/left = 0 */
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    z-index:    0;
    pointer-events: none;   /* prevent accidental clicks on video controls */
}

/* Keep any overlay or content above the video. */
.elementor-background-overlay,
.elementor-container {
    position: relative;
    z-index:  1;
}