/*custom CSS*/

/* ========================================== */
/* CORRECTION DU TITRE EN VERSION MOBILE      */
/* ========================================== */

/* Masquer les éventuelles doublures de titres natifs du thème sur mobile */
@media (max-width: 767px) {
    #search_filters .facet .facet-title.d-sm-none,
    #search_filters .facet .title[data-target],
    #search_filters .facet .navbar-toggler {
        display: none !important;
    }
}

/* ========================================== */
/* STYLE DES TITRES DE FILTRES (BOÎTE + ICÔNE)*/
/* ========================================== */

/* 1. Style général du titre (flexbox pour aligner l'icône et le texte) */
#search_filters .facet .facet-title {
    display: flex !important;
    align-items: center;
    font-weight: 700 !important;
    color: #23355b !important; /* Couleur du texte demandée */
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 15px;
    /* On annule l'ancienne barre latérale si elle était présente */
    border-left: none !important; 
    padding-left: 0 !important;
}

/* 2. Création de la petite boîte arrondie avec une icône par défaut */
#search_filters .facet .facet-title::before {
    content: "";
    display: flex;
    flex-shrink: 0; /* Empêche la boîte de s'écraser */
    width: 35px;
    height: 35px;
    background-color: #f2f5f4; /* Couleur de fond de la petite boîte (gris/vert très clair) */
    border-radius: 10px; /* Bords arrondis comme sur votre capture */
    margin-right: 12px; /* Espace entre la boîte et le texte */
    
    /* Icône par défaut (Style Marque/Étiquette) en vert foncé */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230e4b38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

/* 3. (Optionnel) Personnaliser l'icône en fonction de la position du filtre */
/* Si "Pointure" est votre 2ème filtre, on change son icône pour la double flèche */
#search_filters .facet:nth-child(2) .facet-title::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230e4b38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12H2"></path><path d="M5 9l-3 3 3 3"></path><path d="M19 9l3 3-3 3"></path></svg>');
}

/* Si "Prix" est votre 3ème filtre, on peut lui mettre une icône de prix */
#search_filters .facet:nth-child(3) .facet-title::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230e4b38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 18V6"></path></svg>');
}




/* ========================================== */
/* STYLE DU SLIDER DE PRIX MODERNE            */
/* ========================================== */

/* Forcer le conteneur principal du slider à s'afficher */
#search_filters .faceted-slider {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Forcer le bloc jQuery UI natif à s'afficher et styliser le fond de la barre */
#search_filters .ui-widget-content.ui-slider-horizontal,
#search_filters .faceted-slider .ui-slider {
    height: 6px !important;
    background-color: #e9ecef !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 20px 10px !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Partie remplie (la sélection) */
#search_filters .ui-slider-horizontal .ui-slider-range,
#search_filters .faceted-slider .ui-slider-range {
    background-color: #23355b !important;
    border-radius: 4px !important;
    position: absolute !important;
    height: 100% !important;
    top: 0 !important;
    border: none !important;
}

/* Poignées (boutons ronds) */
#search_filters .ui-slider-horizontal .ui-slider-handle,
#search_filters .faceted-slider .ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important;
    border: 2px solid #0d6efd !important;
    border-radius: 50% !important;
    top: -7px !important; /* Ajuste le centrage vertical */
    margin-left: -10px !important; /* Centre la poignée sur le point exact */
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    transition: transform 0.2s ease !important;
    outline: none !important;
    position: absolute !important;
    z-index: 2 !important;
}

/* Effet au survol des poignées */
#search_filters .ui-slider-horizontal .ui-slider-handle:hover,
#search_filters .faceted-slider .ui-slider-handle:hover {
    transform: scale(1.15) !important;
    box-shadow: 0 3px 8px rgba(13, 110, 253, 0.4) !important;
}

/* Texte des valeurs de prix sous la barre */
#search_filters .faceted-slider p {
    font-weight: 600 !important;
    color: #495057 !important;
    margin-top: 20px !important;
    text-align: center !important;
}


/* ========================================== */
/* STYLE DES MARQUES EN GRILLE ET LOGOS       */
/* ========================================== */

/* Masquer la case à cocher par défaut pour les marques (sécurité supplémentaire) */
#search_filters .facet_brand .custom-checkbox {
    display: none;
}

/* Transformer le conteneur en grille moderne (ancienne méthode au cas où) */
#search_filters .facet_brand .collapse {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* 1. Forcer la Grille en écrasant le theme.css */
#search_filters .bloc-marques-personnalise ul,
#search_filters .bloc-marques-personnalise ul.collapse {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#search_filters .bloc-marques-personnalise ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

#search_filters .bloc-marques-personnalise ul li label {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 2. Cacher texte/checkbox UNIQUEMENT pour les marques */
#search_filters .bloc-marques-personnalise .custom-checkbox,
#search_filters .bloc-marques-personnalise .magnitude {
    display: none !important;
}

/* 3. Style par défaut des logos (État normal et au survol) */
.bloc-marques-personnalise a {
    color: transparent !important;
    font-size: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 80px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    display: block !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
    background-color: #fff !important;
    margin: 0 !important;
}

.bloc-marques-personnalise a:hover {
    opacity: 1 !important;
    border-color: #b3b3b3 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* 4. VISUEL QUAND LA MARQUE EST SÉLECTIONNÉE */
.bloc-marques-personnalise li:has(input:checked) a {
    opacity: 1 !important;
    border: 2px solid #0055ff !important;
    box-shadow: 0 4px 10px rgba(0, 85, 255, 0.15) !important;
}

/* 5. Vos URL d'images */
li.filter-adidas a { background-image: url('https://staging.tuttosport.com.tn/img/m/1.jpg') !important; }
li.filter-reebok a { background-image: url('https://staging.tuttosport.com.tn/img/m/2.jpg') !important; }
li.filter-nike a { background-image: url('https://staging.tuttosport.com.tn/img/m/3.jpg') !important; }
li.filter-under-armour a { background-image: url('https://staging.tuttosport.com.tn/img/m/4.jpg') !important; }
li.filter-new-balance a { background-image: url('https://staging.tuttosport.com.tn/img/m/5.jpg') !important; }
li.filter-diadora a { background-image: url('https://staging.tuttosport.com.tn/img/m/6.jpg') !important; }
li.filter-birkenstock a { background-image: url('https://staging.tuttosport.com.tn/img/m/7.jpg') !important; }
li.filter-beira-rio a { background-image: url('https://staging.tuttosport.com.tn/img/m/8.jpg') !important; }
li.filter-bilcee a { background-image: url('https://staging.tuttosport.com.tn/img/m/9.jpg') !important; }
li.filter-speedo a { background-image: url('https://staging.tuttosport.com.tn/img/m/10.jpg') !important; }
li.filter-new-era a { background-image: url('https://staging.tuttosport.com.tn/img/m/13.jpg') !important; }
li.filter-hitup a { background-image: url('https://staging.tuttosport.com.tn/img/m/15.jpg') !important; }
li.filter-body-sculpture a { background-image: url('https://staging.tuttosport.com.tn/img/m/16.jpg') !important; }
li.filter-marcy a { background-image: url('https://staging.tuttosport.com.tn/img/m/17.jpg') !important; }
li.filter-kappa a { background-image: url('https://staging.tuttosport.com.tn/img/m/18.jpg') !important; }
li.filter-puma a { background-image: url('https://staging.tuttosport.com.tn/img/m/19.jpg') !important; }
li.filter-champion a { background-image: url('https://staging.tuttosport.com.tn/img/m/20.jpg') !important; }
li.filter-errea a { background-image: url('https://staging.tuttosport.com.tn/img/m/21.jpg') !important; }
li.filter-converse a { background-image: url('https://staging.tuttosport.com.tn/img/m/22.jpg') !important; }
li.filter-dunlop a { background-image: url('https://staging.tuttosport.com.tn/img/m/23.jpg') !important; }
li.filter-asics a { background-image: url('https://staging.tuttosport.com.tn/img/m/24.jpg') !important; }
li.filter-vision a { background-image: url('https://staging.tuttosport.com.tn/img/m/25.jpg') !important; }
li.filter-lacoste a { background-image: url('https://staging.tuttosport.com.tn/img/m/26.jpg') !important; }
li.filter-horizon a { background-image: url('https://staging.tuttosport.com.tn/img/m/27.jpg') !important; }
li.filter-coq-sportif a { background-image: url('https://staging.tuttosport.com.tn/img/m/28.jpg') !important; }
li.filter-head a { background-image: url('https://staging.tuttosport.com.tn/img/m/29.jpg') !important; }
li.filter-ipanema a { background-image: url('https://staging.tuttosport.com.tn/img/m/30.jpg') !important; }
li.filter-rider a { background-image: url('https://staging.tuttosport.com.tn/img/m/31.jpg') !important; }
li.filter-cornilleau a { background-image: url('https://staging.tuttosport.com.tn/img/m/32.jpg') !important; }
li.filter-eastpak a { background-image: url('https://staging.tuttosport.com.tn/img/m/33.jpg') !important; }
li.filter-slazenger a { background-image: url('https://staging.tuttosport.com.tn/img/m/34.jpg') !important; }
li.filter-rene-pierre a { background-image: url('https://staging.tuttosport.com.tn/img/m/35.jpg') !important; }
li.filter-us-polo a { background-image: url('https://staging.tuttosport.com.tn/img/m/36.jpg') !important; }
li.filter-colmi a { background-image: url('https://staging.tuttosport.com.tn/img/m/37.jpg') !important; }
li.filter-molekinho a { background-image: url('https://staging.tuttosport.com.tn/img/m/38.jpg') !important; }
li.filter-tempo a { background-image: url('https://staging.tuttosport.com.tn/img/m/40.jpg') !important; }
li.filter-adora a { background-image: url('https://staging.tuttosport.com.tn/img/m/42.jpg') !important; }
li.filter-cartago a { background-image: url('https://staging.tuttosport.com.tn/img/m/43.jpg') !important; }
li.filter-zaxy a { background-image: url('https://staging.tuttosport.com.tn/img/m/44.jpg') !important; }
li.filter-crocs a { background-image: url('https://staging.tuttosport.com.tn/img/m/45.jpg') !important; }
li.filter-wilson a { background-image: url('https://staging.tuttosport.com.tn/img/m/46.jpg') !important; }
li.filter-babolat a { background-image: url('https://staging.tuttosport.com.tn/img/m/47.jpg') !important; }
li.filter-rdx a { background-image: url('https://staging.tuttosport.com.tn/img/m/48.jpg') !important; }
li.filter-umbro a { background-image: url('https://staging.tuttosport.com.tn/img/m/49.jpg') !important; }
li.filter-zigzag a { background-image: url('https://staging.tuttosport.com.tn/img/m/50.jpg') !important; }
li.filter-endurance a { background-image: url('https://staging.tuttosport.com.tn/img/m/51.jpg') !important; }
li.filter-whistler a { background-image: url('https://staging.tuttosport.com.tn/img/m/52.jpg') !important; }
li.filter-athlecia a { background-image: url('https://staging.tuttosport.com.tn/img/m/53.jpg') !important; }
li.filter-virtus a { background-image: url('https://staging.tuttosport.com.tn/img/m/54.jpg') !important; }
li.filter-cruz a { background-image: url('https://staging.tuttosport.com.tn/img/m/55.jpg') !important; }
li.filter-rezo a { background-image: url('https://staging.tuttosport.com.tn/img/m/56.jpg') !important; }
li.filter-uhlsport a { background-image: url('https://staging.tuttosport.com.tn/img/m/57.jpg') !important; }
li.filter-tommy a { background-image: url('https://staging.tuttosport.com.tn/img/m/61.jpg') !important; }
li.filter-jordan a { background-image: url('https://staging.tuttosport.com.tn/img/m/62.jpg') !important; }
li.filter-lumberjack a { background-image: url('https://staging.tuttosport.com.tn/img/m/101.jpg') !important; }

/* ========================================== */
/* EFFET VISUEL (FAUSSES BARRES) SUR LE PRIX  */
/* ========================================== */

/* 1. On augmente l'espace au-dessus du slider pour faire de la place aux barres */
#search_filters .ui-widget-content.ui-slider-horizontal,
#search_filters .faceted-slider .ui-slider {
    margin-top: 45px !important; 
}

/* 2. Les barres grises (inactives) sur toute la largeur */
#search_filters .ui-widget-content.ui-slider-horizontal::before,
#search_filters .faceted-slider .ui-slider::before {
    content: "";
    position: absolute;
    bottom: 12px; /* Espace entre le curseur et les barres */
    left: 0;
    width: 100%;
    height: 20px; /* Hauteur du faux graphique */
    /* Création du motif à rayures verticales */
    background: repeating-linear-gradient(
        to right,
        #e9ecef,
        #e9ecef 4px,
        transparent 4px,
        transparent 8px
    );
    z-index: 1;
    pointer-events: none; /* Empêche de bloquer le clic */
}

/* 3. Les barres vertes (actives) qui suivent exactement la sélection */
#search_filters .ui-slider-horizontal .ui-slider-range::before,
#search_filters .faceted-slider .ui-slider-range::before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    height: 20px;
    background: repeating-linear-gradient(
        to right,
        #9ccb37, /* Votre couleur verte */
        #9ccb37 4px,
        transparent 4px,
        transparent 8px
    );
    z-index: 2;
    pointer-events: none;
}

/* ========================================== */
/* ICÔNES PERSONNALISÉES SELON LE TITRE       */
/* ========================================== */

/* Par défaut (si non reconnu), on met une petite grille basique */
#search_filters .facet .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3C/svg%3E");
}

/* 1. PRIX (Étiquette de prix) */
#search_filters .facet.facet-prix .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E");
}

/* 2. SEXE (Utilisateurs) */
#search_filters .facet.facet-sexe .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

/* 3. MARQUE (Étoile) */
#search_filters .facet.facet-marque .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}

/* 4. FAMILLE DE PRODUIT (Grille) */
#search_filters .facet.facet-famille .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}

/* 5. SPORT (Ballon) */
#search_filters .facet.facet-sport .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
}

/* 6. POINTURE (Flèches horizontales) */
#search_filters .facet.facet-pointure .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12H2'/%3E%3Cpath d='M5 9l-3 3 3 3'/%3E%3Cpath d='M19 9l3 3-3 3'/%3E%3C/svg%3E");
}

/* 7. TAILLE (T-shirt) */
#search_filters .facet.facet-taille .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.38 3.46L16 2a8 8 0 0 0-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z'/%3E%3C/svg%3E");
}

/* 8. REMISE (Pourcentage) */
#search_filters .facet.facet-remise .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
}
/* 9. TYPE DE PRODUIT (Couches superposées) */
#search_filters .facet.facet-type-produit .facet-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ccb37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
}

/* ========================================================
   STYLES DES CHECKBOXES (Version Épurée et Discrète)
   ======================================================== */

/* 1. Taille et forme (plus fines et discrètes) */
#search_filters .custom-checkbox {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #d1d5db !important; /* Bordure grise très fine */
    border-radius: 3px !important; /* Angles très légèrement arrondis */
    background-color: #fff !important;
    transition: all 0.2s ease-in-out !important; /* Animation douce */
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    box-shadow: none !important; /* Pas d'ombre lourde */
}

/* 2. Effet au survol : la bordure s'allume en vert */
#search_filters .facet-label:hover .custom-checkbox {
    border-color: #9ccb37 !important; 
}

/* 3. Masquer l'icône par défaut */
#search_filters .custom-checkbox i {
    display: none !important;
}

/* 4. Préparation du fond coché */
#search_filters .custom-checkbox input[type="checkbox"] + span {
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 2px;
    transition: opacity 0.2s ease-in-out;
}

/* 5. Style quand c'est coché : Fond vert + encoche fine */
#search_filters .custom-checkbox input[type="checkbox"]:checked + span {
    opacity: 1;
    background-color: #9ccb37 !important; /* Votre vert */
    /* Encoche SVG plus fine (stroke-width='2.5') */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

/* 6. La bordure devient verte quand c'est coché */
#search_filters .custom-checkbox:has(input[type="checkbox"]:checked) {
    border-color: #9ccb37 !important;
}

/* ========================================================
   AFFICHAGE SUR 3 COLONNES POUR POINTURES ET TAILLES
   ======================================================== */

/* Cibler les listes des filtres Pointure et Taille */
#search_filters .facet-pointure ul,
#search_filters .facet-taille ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 colonnes de largeur égale */
    gap: 10px !important; /* Espacement entre les colonnes et les lignes */
    padding: 0 !important;
}

/* S'assurer que les éléments de la liste prennent bien l'espace de leur colonne */
#search_filters .facet-pointure ul li,
#search_filters .facet-taille ul li {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
}

/* Optionnel : réduire un peu la taille du texte pour que ça rentre bien sur 3 colonnes */
#search_filters .facet-pointure .facet-label,
#search_filters .facet-taille .facet-label {
    font-size: 13px !important;
}

/* Masquer le bloc liste des catégories */
.block-categories.block.block-highlighted {
    display: none !important;
}

/* --- STYLE DES LABELS PRIX MIN/MAX --- */

/* Le conteneur qui espace les deux badges */
.custom-price-range-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 5px;
}

/* Le style du badge lui-même */
.price-range-badge {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 20px; /* Bords bien arrondis */
    padding: 6px 12px;
    font-size: 13px;
    color: #23355b; /* Votre bleu foncé */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Légère ombre pour le relief */
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Espace entre "Min" et le prix */
    transition: all 0.3s ease;
}

/* Effet au survol de la souris */
.price-range-badge:hover {
    border-color: #9ccb37;
    box-shadow: 0 3px 8px rgba(156, 203, 55, 0.2);
}

/* Le petit texte "Min" et "Max" */
.price-range-badge .label-prefix {
    font-size: 11px;
    text-transform: uppercase;
    color: #9ccb37; /* Votre vert pour faire ressortir le texte */
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Le texte du montant (le prix) */
.price-range-badge strong {
    font-weight: 700;
}