/* Design de base du bouton moderne (TRÈS PETIT) */
.btn-filtre-moderne {
    display: inline-block;
    padding: 2px 6px; /* Espacement intérieur vraiment minimal */
    margin: 2px; /* Rapproche les boutons les uns des autres */
    background-color: #333; 
    color: #fff !important; 
    border-radius: 12px; /* Courbure réadaptée à la toute petite taille */
    text-decoration: none !important;
    font-weight: 600;
    font-size: 11px; /* Texte encore plus petit (limite de lisibilité) */
    border: 1px solid #fff;
    transition: all 0.3s ease; 
}

/* Le chiffre entre parenthèses */
.btn-filtre-moderne .count {
    font-size: 10px; /* Chiffre minuscule */
    font-weight: normal;
    opacity: 0.7;
}

/* Effet quand on passe la souris (Hover) */
.btn-filtre-moderne:hover {
    background-color: #ff98cb;
    border-color: #fff;
}

/* DESIGN QUAND LE BOUTON EST ACTIF (Cliqué) */
.btn-filtre-moderne.filtre-actif {
    background-color: #ff98cb !important; 
    color: #ffffff !important; 
    border-color: #fff !important;
}

.btn-filtre-moderne.filtre-actif .count {
    opacity: 1;
    color: #cccccc;
}