/* ORTOVIN Denticare Slider Video 2.3.0 */

/*
 * Automatic Allen hero mode:
 * one persistent video sits behind the whole first Content Slider.
 * Slick/Slider Items remain untouched, so all existing text, buttons and service blocks stay.
 */
.bt_bb_content_slider.ortovin-slider-has-bg-video {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    background-color: transparent !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video > .ortovin-bg-video[data-ortovin-slider-bg="1"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center;
    pointer-events: none !important;
}

/* Keep Slick itself and all of the existing slider content above the video. */
.bt_bb_content_slider.ortovin-slider-has-bg-video .slick-slider,
.bt_bb_content_slider.ortovin-slider-has-bg-video .slick-list,
.bt_bb_content_slider.ortovin-slider-has-bg-video .slick-track,
.bt_bb_content_slider.ortovin-slider-has-bg-video .slick-slide {
    position: relative;
    z-index: 2;
    background-color: transparent !important;
}

/*
 * IMPORTANT: hide the old slide photos only AFTER the MP4 is actually playing.
 * Until then they stay as the normal Denticare fallback/poster.
 */
.bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-playing .bt_bb_content_slider_item {
    background-image: none !important;
    background-color: transparent !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video .bt_bb_content_slider_item {
    position: relative !important;
}

/* Denticare's overlay remains above the video. */
.bt_bb_content_slider.ortovin-slider-has-bg-video .bt_bb_content_slider_item::before {
    z-index: 2 !important;
    pointer-events: none !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video .bt_bb_content_slider_item_content {
    position: relative !important;
    z-index: 3 !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-position-center-top > .ortovin-bg-video,
.bt_bb_content_slider_item.ortovin-video-position-center-top > .ortovin-bg-video {
    object-position: center top !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-position-center-bottom > .ortovin-bg-video,
.bt_bb_content_slider_item.ortovin-video-position-center-bottom > .ortovin-bg-video {
    object-position: center bottom !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-position-left-center > .ortovin-bg-video,
.bt_bb_content_slider_item.ortovin-video-position-left-center > .ortovin-bg-video {
    object-position: left center !important;
}

.bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-position-right-center > .ortovin-bg-video,
.bt_bb_content_slider_item.ortovin-video-position-right-center > .ortovin-bg-video {
    object-position: right center !important;
}

/* Optional per-Slider-Item mode kept for backward compatibility. */
.bt_bb_content_slider_item.ortovin-has-bg-video {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

.bt_bb_content_slider_item.ortovin-has-bg-video > .ortovin-bg-video {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    pointer-events: none !important;
}

.bt_bb_content_slider_item.ortovin-has-bg-video.ortovin-video-playing {
    background-image: none !important;
}

.bt_bb_content_slider_item.ortovin-has-bg-video::before {
    z-index: 1 !important;
    pointer-events: none !important;
}

.bt_bb_content_slider_item.ortovin-has-bg-video > .bt_bb_content_slider_item_content {
    position: relative !important;
    z-index: 2 !important;
}

@media (max-width: 991px) {
    .bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-mobile-off > .ortovin-bg-video,
    .bt_bb_content_slider_item.ortovin-has-bg-video.ortovin-video-mobile-off > .ortovin-bg-video {
        display: none !important;
    }

    .bt_bb_content_slider.ortovin-slider-has-bg-video.ortovin-video-mobile-off .bt_bb_content_slider_item,
    .bt_bb_content_slider_item.ortovin-has-bg-video.ortovin-video-mobile-off {
        background-image: revert-layer;
    }
}