/* Moved from bulbasoft-slider/assets/css/bsftslide-slide.css */
/* BSFTSLIDE Slide Effect CSS */

.bsftslide_wrap[data-effect="slide"].bsftslider-single-cell {
    height: auto !important;
}

.bsftslide_wrap[data-effect="slide"] #bsftslide_content {
    display: block;
    overflow-x: clip;
    position: relative;
    width: 100%;
    height: auto;
    min-height: auto;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide_slides_container {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
    height: auto;
    min-height: auto;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide_slides_container.bsftslide_column_mode {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide_column {
    flex: 0 0 auto;
    width: calc(100% / var(--slides-per-row, 1));
    height: auto;
    box-sizing: border-box;
    padding: 0 calc(var(--slider-gap, 10px) / 2);
    display: grid;
    grid-template-rows: repeat(var(--slider-rows, 1), 1fr);
    gap: var(--slider-gap, 10px);
    align-content: start;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide_page,
.bsftslide_wrap[data-effect="slide"] .bsftslide_column { min-width: 0; }

.bsftslide_wrap[data-effect="slide"] .bsftslide_page .bsftslide,
.bsftslide_wrap[data-effect="slide"] .bsftslide_column .bsftslide { min-width: 0; }

.bsftslide_wrap[data-effect="slide"] .bsftslide_column .bsftslide {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: #333;
    position: relative;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide_page {
    flex: 0 0 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(var(--slides-per-row, 2), 1fr);
    grid-template-rows: repeat(var(--slider-rows, 2), 1fr);
    gap: var(--slider-gap, 10px);
    box-sizing: border-box;
    min-height: auto;
    margin-right: var(--pages-gap, 2%);
}
.bsftslide_wrap[data-effect="slide"] .bsftslide_page:last-child { margin-right: 0; }

.bsftslide_wrap[data-effect="slide"][data-grid-flow="row"] .bsftslide_page { grid-auto-flow: row; }
.bsftslide_wrap[data-effect="slide"][data-grid-flow="column"] .bsftslide_page { grid-auto-flow: column; }

.bsftslide_wrap[data-effect="slide"] .bsftslide_page .bsftslide {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide.bsftslide-infinite-clone {}
.bsftslide_wrap[data-effect="slide"][data-debug="true"] .bsftslide.bsftslide-infinite-clone::after {
    content: "CLONE";
    position: absolute; top: 2px; right: 2px;
    background: rgba(255, 0, 0, 0.8); color: #fff; font-size: 8px;
    padding: 1px 3px; border-radius: 2px; z-index: 100; pointer-events: none;
}

.bsftslide_wrap[data-effect="slide"] .bsftslide img { max-width: 100%; height: auto; object-fit: cover; }

.bsftslide_wrap[data-effect="slide"].bsftslide_animating { pointer-events: none; }
.bsftslide_wrap[data-effect="slide"].bsftslide_animating .bsftslide_slides_container { pointer-events: none; }

.bsftslide_wrap[data-effect="slide"] .bsftslide_slides_container { cursor: grab; }
.bsftslide_wrap[data-effect="slide"] .bsftslide_slides_container:active { cursor: grabbing; }
.bsftslide_wrap[data-effect="slide"] .bsftslide_slides_container {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    touch-action: pan-y;
}

@media (min-width: 769px) { .bsftslide_wrap[data-effect="slide"] { --slides-per-row: 2; } }
@media (max-width: 768px) and (min-width: 481px) { .bsftslide_wrap[data-effect="slide"] { --slides-per-row: 3; } }
@media (max-width: 480px) { .bsftslide_wrap[data-effect="slide"] { --slides-per-row: 1; } }

.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-1 { --slides-per-row: 1; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-2 { --slides-per-row: 2; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-3 { --slides-per-row: 3; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-4 { --slides-per-row: 4; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-5 { --slides-per-row: 5; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-6 { --slides-per-row: 6; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-7 { --slides-per-row: 7; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-8 { --slides-per-row: 8; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-9 { --slides-per-row: 9; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-10 { --slides-per-row: 10; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-11 { --slides-per-row: 11; }
.bsftslide_wrap[data-effect="slide"].bsftslider-desktop-12 { --slides-per-row: 12; }

@media (max-width: 768px) and (min-width: 481px) {
    .bsftslide_wrap[data-effect="slide"].bsftslider-tablet-1 { --slides-per-row: 1; }
    .bsftslide_wrap[data-effect="slide"].bsftslider-tablet-2 { --slides-per-row: 2; }
    .bsftslide_wrap[data-effect="slide"].bsftslider-tablet-3 { --slides-per-row: 3; }
    .bsftslide_wrap[data-effect="slide"].bsftslider-tablet-4 { --slides-per-row: 4; }
}
@media (max-width: 480px) {
    .bsftslide_wrap[data-effect="slide"].bsftslider-mobile-1 { --slides-per-row: 1; }
    .bsftslide_wrap[data-effect="slide"].bsftslider-mobile-2 { --slides-per-row: 2; }
}

