/* ==========================================================================
   Végécantines — Listes de cartes en slider sur mobile (Swiper)
   Concerne : « À la une » (ul.vc-une), « Nos ressources les + consultées »
   (ul.vc-consultees) et « Nos cantines changent le monde » (ul.vc-stats).
   Le slider est créé par includes/js/slider-mobile.js sous 768 px ;
   au-delà, les grilles habituelles s'appliquent.
   ========================================================================== */

/* Le conteneur ajouté par le script : neutre tant que Swiper est inactif */
.vc-swiper__pagination:empty {
    display: none;
}

/* Swiper actif : la liste devient la bande de slides de Swiper.
   Ces sélecteurs passent devant les grilles de home.css et footer.css. */
.et_pb_section .vc-swiper.swiper {
    overflow: hidden;
    /* Le slider s'étend sur toute la largeur de l'écran : les lignes Divi
       font 90 % de large, soit 5,556 % de la ligne de chaque côté. */
    margin: -8px -5.556% 0;
    padding: 8px 0 4px; /* laisse voir l'ombre des cartes */
}
.et_pb_section .vc-swiper ul.swiper-wrapper {
    display: flex;
    gap: 0;
    padding: 0;
    margin: 0;
}
.et_pb_section .vc-swiper ul.swiper-wrapper > li.swiper-slide {
    box-sizing: border-box;
    height: auto;
    /* Une slide = un écran ; la carte garde la marge habituelle de la page (5 %) */
    padding: 0 5%;
}
/* Pas de saut vers le haut au toucher */
.et_pb_section .vc-swiper a.vc-une__lien:hover,
.et_pb_section .vc-swiper a.vc-consultee__lien:hover {
    transform: none;
}

/* Points de navigation */
.et_pb_section .vc-swiper .vc-swiper__pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}
.et_pb_section .vc-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #d6dcd8;
    opacity: 1;
    transition: background-color var(--vc-transition), transform var(--vc-transition);
}
.et_pb_section .vc-swiper .swiper-pagination-bullet-active {
    background-color: var(--vc-orange);
    transform: scale(1.2);
}