/* =========================================================
BO - Vehicle Slider Latest
Owns #senastefordonslider / .bo-latest view-specific slider and hybrid-grid rules.
========================================================= */

/* =========================================================
 BO - Swiper Latest Cars / Latest Grid Hybrid
========================================================= */

/* Slider shell */
.bo-latest {
    position: relative;
    overflow: visible;
}

.bo-latest-slider-shell {
    position: relative;
}

.bo-latest-viewport {
    overflow: hidden;
}

.bo-latest-slide {
    height: auto;
}

.bo-latest .bo-car-card {
    height: 100%;
}

@media (max-width: 767.98px) {
    .bo-latest-prev,
    .bo-latest-next {
        display: none;
    }
}

/* Slider pagination */
.bo-latest-pagination {
    margin-top: 0.875rem;
    text-align: center;
}

    .bo-latest-pagination .swiper-pagination-bullet {
        width: 0.4375rem;
        height: 0.4375rem;
        opacity: 0.35;
    }

    .bo-latest-pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background:var(--bo-theme-primary);
    }


/* Hybrid grid Mobile = swiper Desktop = grid */
@media (max-width: 767.98px) {
    .bo-grid-mobile-swiper {
        overflow: hidden;
    }

    .bo-grid-mobile-pagination {
        margin-top: 0.875rem;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .bo-grid-mobile-swiper {
        overflow: visible;
    }

    .bo-grid-mobile-pagination {
        display: none;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid {
        display: flex;
        flex-wrap: wrap;
        transform: none !important;
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }

        .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide {
            margin-right: 0 !important;
            padding-left: 0.625rem;
            padding-right: 0.625rem;
            margin-bottom: 1.25rem;
            height: auto;
            flex-shrink: 1;
            box-sizing: border-box;
        }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-sm-6 {
        width: 50% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-12 {
        width: 100% !important;
    }
}

/* Desktop */
@media (min-width: 992px) {
    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-2 {
        width: 16.666667% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-3 {
        width: 25% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-4 {
        width: 33.333333% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-5th {
        width: 20% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-6 {
        width: 50% !important;
    }

    .bo-grid-mobile-swiper .bo-latest-grid-hybrid > .swiper-slide.col-lg-12 {
        width: 100% !important;
    }
}