/**
 * Slider Overlay Enhancement
 * Adds overlay support to video backgrounds in slider widget
 */

/* Add position:relative to video container to support ::after overlay */
.ms-slider .swiper-slide .ms-slider--video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* Add overlay pseudo-element to video, similar to image overlay */
.ms-slider .swiper-slide .ms-slider--video::after {
    content: '';
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    left: -1px;
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    z-index: 2;
}

/* Ensure iframe inside video container doesn't break layout */
.ms-slider .swiper-slide .ms-slider--video iframe {
    max-width: unset !important;
}

/* Ensure text content appears above overlay */
.ms-slider .swiper-slide .ms-slider--cont {
    z-index: 3;
}