/* Styles pour les sliders draggable */
.draggable-slider {
    cursor: grab;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Pour Firefox */
    -ms-overflow-style: none; /* Pour IE et Edge */
    -webkit-overflow-scrolling: touch; /* Pour le défilement fluide sur iOS */
}

.draggable-slider::-webkit-scrollbar {
    display: none; /* Pour Chrome, Safari et Opera */
}

.draggable-slider:active {
    cursor: grabbing;
}

.scroll-wrapper {
    display: flex;
    gap: 20px;
    transition: transform 0.3s ease;
}

.scroll-wrapper .card {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

/* Styles pour les liens dans le slider */
.dragging a {
    pointer-events: none; /* Désactive temporairement les événements de pointeur sur les liens pendant le drag */
}

.scroll-wrapper a {
    cursor: pointer; /* S'assurer que les liens ont le curseur de type pointer */
}

/* Style pour les éléments cliquables dans le slider */
.scroll-slider .card {
    position: relative;
}

/* Styles pour améliorer la visibilité des liens cliquables */
.scroll-wrapper .card a {
    display: block; /* Rendre le lien plus facile à cliquer */
    text-decoration: none; /* Supprimer le soulignement par défaut des liens */
}