﻿.blocListeVignette .cyb-uc-BlocConfigPreteALemploi__pcSimi--listePc {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: space-between;
    align-items: flex-start;
}

.blocListeVignette .containerListeVignette {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.blocListeVignette .slideVignette {
    width: auto;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out;
}

    .blocListeVignette .slideVignette.swiper-slide-active a {
        display: flex
    }

.blocListeVignette .containerListeVignette.swiper-few-slides .wrapperListeVignette {
    display: flex;
    transform: unset !important;
    justify-content: center;
    transition: none;
    gap: 20px;
}

.blocListeVignette .containerListeVignette.swiper-few-slides .swiper-pagination {
    display: none;
}

.blocListeVignette .containerListeVignette.swiper-few-slides .slideVignette {
    width: auto !important;
    margin: 0 0px;
}

    .blocListeVignette .containerListeVignette.swiper-few-slides .slideVignette a {
        display: flex;
    }

.blocListeVignette .containerListeVignette:not(.swiper-few-slides) .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.5;
    transform: scale(0.9);
}

    .blocListeVignette .containerListeVignette:not(.swiper-few-slides) .swiper-slide:not(.swiper-slide-active) .cyb-uc-CompVignetteLifeConfig__pcSimi__link {
        pointer-events: none;
    }

.blocListeVignette .wrapperListeVignette {
    padding: 50px 0;
}

.blocListeVignette .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    width: 30px !important;
    border-radius: 24px !important;
    background: #ffcf00;
}

.blocListeVignette .swiper-pagination-bullet {
    width: 15px !important;
    border-radius: 24px !important;
    background: #C2C2C2;
}

@media screen and (max-width:1440px) {
    .blocListeVignette .slideVignette {
        width: auto;
        flex-shrink: 0;
        box-sizing: border-box;
        transition: transform 0.3s ease-in-out;
    }
}

@media screen and (max-width: 1300px) {
    .blocListeVignette .cyb-uc-BlocConfigPreteALemploi__pcSimi--listePc {
        gap: var(--val_20);
    }

    .blocListeVignette .slideVignette {
        width: auto;
        display: flex;
        align-items: center; /* Centrer verticalement le contenu dans chaque slide */
        justify-content: center;
        flex-shrink: 0;
        box-sizing: border-box;
        transition: transform 0.3s ease-in-out;
    }
}

@media screen and (max-width: 960px) {
    .blocListeVignette .containerListeVignette.swiper-few-slides .wrapperListeVignette {
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {

    .blocListeVignette .containerListeVignette:not(.swiper-few-slides) .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.5;
        transform: scale(0.92);
    }

    .blocListeVignette .swiper-disabled .slideVignette {
        width: auto; /* Ajuster automatiquement en fonction du contenu */
        flex-shrink: 0; /* Empêche le rétrécissement du slide */
        display: flex;
        justify-content: center; /* Centrer le contenu dans chaque slide */
    }

    .blocListeVignette .swiper-disabled .wrapperListeVignette {
        display: block;
        width: fit-content;
        padding: 0 !important;
    }

    .blocListeVignette .containerListeVignette {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 375px) {
    .blocListeVignette .containerListeVignette:not(.swiper-few-slides) .swiper-slide:not(.swiper-slide-active) {
        transform: scale(0.82);
    }
}

@media screen and (max-width: 320px) {
    .blocListeVignette .containerListeVignette:not(.swiper-few-slides) .swiper-slide:not(.swiper-slide-active) {
        transform: scale(0.8);
    }
}
