/* ---------------------------------------------------------------------------
   Carrousel JS (rendu « slider » de la Liste de contenus, moteur at-slider.js)

   Le bloc Slider (blocs_slider) qui l'a vue naître est retiré depuis le
   07/10/2026 : le carrousel est un mode du placement (attps-get-field).

   Feuille volontairement courte : Swiper apporte déjà sa mise en page et ses
   contrôles. On ne fait ici que trois choses — ancrer les contrôles (qui vivent
   HORS du `.swiper`, pour ne pas être rognés par son `overflow: hidden`),
   habiller ces contrôles aux couleurs du site, et décrire le mode grille.

   Tout le reste se règle dans le champ CSS perso du bloc, où les contrôles sont
   accessibles via .atb-slider__nav, .atb-slider__pagination et
   .atb-slider__scrollbar.
   --------------------------------------------------------------------------- */

.atb-slider {
    position: relative;
    color: var(--text-color, inherit);
    border-radius: var(--border-radius, 0);
}

/* --- Contrôles ------------------------------------------------------------ */

.atb-slider__nav {
    --swiper-navigation-size: 1.75rem;
    --swiper-navigation-color: var(--atb-primary, #0099DD);
}

.atb-slider__pagination {
    --swiper-pagination-color: var(--atb-primary, #0099DD);
    --swiper-pagination-bullet-inactive-color: var(--atb-grey, #6C7993);
}

.atb-slider__scrollbar {
    --swiper-scrollbar-drag-bg-color: var(--atb-primary, #0099DD);
}

/* Variante à poser dans les classes de la liste : les contrôles passent
   sous le carrousel au lieu de le recouvrir. */
.atb-slider--controls-below .atb-slider__pagination {
    position: static;
    margin-top: 1rem;
}

/* --- Mode grille (atbGrid) -------------------------------------------------
   slider.js détruit Swiper au-delà de la largeur de conteneur demandée et pose
   `atb-slider--grid`. Le wrapper garde ses classes Swiper : c'est donc ici qu'on
   reprend la main sur son `display: flex`.
   --------------------------------------------------------------------------- */

.atb-slider--grid .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(var(--atb-slider-grid-cols, 3), minmax(0, 1fr));
    gap: var(--atb-slider-grid-gap, 0);
}

.atb-slider--grid .atb-slider__nav,
.atb-slider--grid .atb-slider__pagination,
.atb-slider--grid .atb-slider__scrollbar {
    display: none;
}