/* Conteneur des catégories */
.scroll-container-categories {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch; /* Scroll fluide sur iOS */
}

/* --- Style de la barre de scroll pour Desktop --- */
.scroll-container-categories::-webkit-scrollbar {
    height: 5px; /* Épaisseur de la barre */
}

.scroll-container-categories::-webkit-scrollbar-track {
    background: #f8f9fa; /* Gris très clair */
    border-radius: 10px;
}

.scroll-container-categories::-webkit-scrollbar-thumb {
    background: #dc3545; /* Rouge DamaKaDama */
    border-radius: 10px;
}

.scroll-container-categories::-webkit-scrollbar-thumb:hover {
    background: #a71d2a;
}

/* --- Masquage sur Mobile --- */
@media (max-width: 991px) {
    .scroll-container-categories::-webkit-scrollbar {
        display: none;
    }
    .scroll-container-categories {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Edge/IE */
        padding-bottom: 0;
    }
}

/* Animation de survol des icônes */
.category-pill {
    transition: transform 0.2s ease;
}
.category-pill:hover {
    transform: translateY(-3px);
}