/* Slider mobile pour les grilles de cartes du blog — Global Advice
   Sur ordinateur/tablette : la grille d'origine reste inchangée. */
.ga-dots { display: none; }

@media (max-width: 767px) {
    .ga-slider {
        display: flex !important;
        gap: 1rem !important;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 1.5rem;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        /* déborde du conteneur (px-6) pour que les cartes touchent le bord de l'écran */
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding: 0.5rem 1.5rem 1.5rem;
    }
    .ga-slider::-webkit-scrollbar { display: none; }
    .ga-slider > article {
        flex: 0 0 82%;
        max-width: 22rem;
        scroll-snap-align: start;
        height: auto;
    }
    /* la grille d'origine animait l'apparition en cascade : on la neutralise dans le slider */
    .ga-slider.reveal-group > * { transition-delay: 0s !important; }

    .ga-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 0.25rem;
    }
    .ga-dots button {
        width: 0.5rem;
        height: 0.5rem;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: #cbd5e1;
        cursor: pointer;
        transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s;
    }
    .ga-dots button.is-active { width: 1.6rem; background: #2563eb; }
}

@media (prefers-reduced-motion: reduce) {
    .ga-dots button { transition: none; }
}