/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
    /* Ajoutez ceci dans votre fichier CSS */
    
    #ec_price_opc {
        background-color: #fff3cd;
        color: #856404;
    }
    
    #btnAfficherBaguettes {
        border: solid 2px #333;
    }
    
    .ps_checkout.payment-method-logo {
        display: inline-block;
        padding: 4px 2px;
        height: 3rem;
        display: none;
    }
    
    #product-modal .modal-content .modal-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0 !important;
        z-index: 9999;
        background-color: #fff;
    }
    
    .links h3 {
        display: none !important;
    }
    
    #professionnel a {
        color: #76B82A !important;
        font-weight: 500;
    }
    
    .active_filters {
        padding: .625rem 1.875rem 0;
        margin-bottom: 1.25rem;
        background: #dededd;
        display: none !important;
    }
    
    #cro img {
        padding-top: 13px;
        width: 100%;
        max-width: 60px;
    }
    /* #epaisseur-info {
        font-size: 10px;
        rotate: 90deg;
        position: absolute;
        left: 22%;
        top: 18px;
    }
    
    #hauteur-feuillure-info {
        font-size: 10px;
        position: absolute;
        right: 14%;
        top: 34px;
    } */
    
    #search_filters .facet .facet-title,
    #search_filters_brands .facet .facet-title,
    #search_filters_suppliers .facet .facet-title {
        font-size: 1rem;
        color: #fff;
        text-transform: uppercase;
    }
    
    #_desktop_search_filters_clear_all {
        display: none !important;
    }
    
    #search_filters .facet {
        width: 30% !important;
    }
    
    #search_filters {
        background-color: #6F6A6A !important;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #76B82A !important;
    }
    
    .carousel-control-prev-icon::after,
    .carousel-control-next-icon::after {
        display: none !important;
    }
    
    .produit {
        width: 150px !important;
    }
    
    .customCadre {
        display: none !important;
    }
    
    @keyframes scrollLoading {
        0% {
            background-position: -100% 0;
        }
        100% {
            background-position: 100% 0;
        }
    }
    
    .loading-scroll {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: repeating-linear-gradient( -45deg, #ccc, #ccc 10px, #fff 10px, #fff 20px);
        animation: scrollLoading 0.5s linear infinite;
    }
    
    #PM_ASBlock_1>.card-header {
        display: none !important;
    }
    
    .card-header .PM_ASearchTitle {
        display: none !important;
    }
    
    .PM_ASCriterionsGroupName {
        color: #fff !important;
    }
    
    #search_filters .text-uppercase.h6.hidden-sm-down {
        display: none;
    }
    
    #search_filters .facet {
        display: inline-block !important;
        margin-right: 20px;
        /* Ajustez cette marge selon vos besoins */
    }
    
    #search_filters {
        display: flex !important;
        flex-wrap: wrap !important;
        /* Pour permettre aux éléments de passer à la ligne si nécessaire */
    }
    
    #search_filters .facet {
        width: 30% !important;
        /* ou une autre valeur en % ou en px selon vos préférences */
    }
    
    @media (max-width: 768px) {
        /* exemple pour les écrans inférieurs à 768px */
        #search_filters .facet {
            width: 100%;
            display: block;
            /* Pour revenir à l'affichage vertical */
        }
    }