/* admin styling */
.swiper-carousel .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.swiper-carousel .block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
    height: 38px;
    width: 100%;
}

:root {
    --swiper-navigation-size: 40px;
    --swiper-theme-color: var(--paletteColor1);
    --swiper-pagination-color: var(--paletteColor1);
}

.swiper {
    overflow: initial;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.swiper-carousel {
    position: relative;
}

.swiper-carousel.locked .locked_swiper_button {
    display: none !important;

}

.swiper-button-prev,
.swiper-button-next {
    top: 0;
    margin-top: -84px;
}

.swiper-button-next {
    background-image: url(/wp-content/uploads/2025/01/arrow-right-thin-1.svg);
    background-repeat: no-repeat;
    width: 45px;
    right: 0px !important;
}

.swiper-button-prev {
    background-image: url(/wp-content/uploads/2025/01/arrow-left-thin.svg);
    background-repeat: no-repeat;
    width: 45px;
    right: 50px !important;
    left: unset !important;
}

@media only screen and (max-width: 768px) {
    .swiper-button-next {
        right: 10px !important;
    }

    .swiper-button-prev {
        right: 60px !important;
    }
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
}

.swiper-slide.expired {
    border: 10px solid #f00;
}

.swiper-slide.scheduled {
    border: 10px solid #36E922;
}

.swiper-navigation-wrapper .swiper-pagination {
    position: relative;
}

.swiper .videoControl {
    position: absolute;
    bottom: 25px;
    color: #fff;
}

.swiper .videoControl:hover {
    cursor: pointer;
}

.swiper .videoControl.pause {
    right: 20px;
}

.swiper .videoControl.mute {
    left: 20px;
}

.swiper .wp-block-video .videoControl {
    transition: 0.2s ease-in-out;
}

.swiper .wp-block-video:hover .videoControl {
    opacity: 1;
}


.swiper-slide {
    height: auto !important;
    display: flex;
    flex-direction: column;
}

.swiper-slide article {
    height: 100% !important;

}

/* Infinite loop */
[data-infinite_loop="1"] .swiper-wrapper {
    transition-timing-function: linear !important;
}

[data-fade_sides="1"] {
    -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

/* Scrollbar */
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin-top: -30px;
    height: 2px;
    border-radius: 0;
    width: 100% !important;
}

.swiper-scrollbar-drag {
    background-color: var(--theme-palette-color-3);
}