/* ===== FILTRES REPLIABLES SUR MOBILE =====
 *
 * Voir js/filtres-mobile.js pour le pourquoi (432 px de filtres devant un
 * catalogue invisible sur un ecran de 812 px).
 *
 * Le repli ne vise QUE `.panneau-filtres.filtres-repliables`, classe posee par
 * le JS. Sans lui, rien n'est masque : des filtres caches sans bouton pour les
 * rouvrir seraient pires que des filtres encombrants.
 */

/* Grand ecran : la place ne manque pas, le bouton n'a rien a y faire. */
.filtres-bascule { display: none !important; }

@media (max-width: 768px) {
    .filtres-bascule {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 0 14px !important;
        padding: 11px 18px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        background: rgba(255, 255, 255, 0.045) !important;
        color: #e8eef4 !important;
        font: inherit !important;
        font-weight: 700 !important;
        font-size: 0.92rem !important;
        cursor: pointer !important;
        /* Cible tactile d'au moins 44 px : en dessous, le bouton se rate. */
        min-height: 44px !important;
    }
    .filtres-bascule:hover,
    .filtres-bascule[aria-expanded="true"] {
        background: rgba(255, 255, 255, 0.085) !important;
        border-color: rgba(255, 255, 255, 0.2) !important;
    }
    .filtres-bascule svg { flex: 0 0 auto !important; }

    .panneau-filtres.filtres-repliables:not(.ouvert) { display: none !important; }
}