.elementor-12 .elementor-element.elementor-element-b06a0e5{--display:flex;overflow:visible;}/* Start custom CSS for directorist_search_listing, class: .elementor-element-2c7248f *//* Style par défaut : Fond rouge, texte blanc, icône blanche */
.directorist-btn-search {
    background-color: #c60000 !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    gap: 8px;
}

/* Icône loupe blanche par défaut */
.directorist-btn-search .directorist-icon-mask {
    width: 16px;
    height: 16px;
    display: inline-block;
    
    /* Appliquer l'icône depuis la variable */
    background-color: white !important;
    -webkit-mask-image: var(--directorist-icon) !important;
    mask-image: var(--directorist-icon) !important;
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    -webkit-mask-position: center;
    mask-position: center;
    
    -webkit-mask-size: contain;
    mask-size: contain;
    
    transition: background-color 0.3s ease-in-out;
}

/* Au survol : Fond blanc, texte rouge, icône rouge */
.directorist-btn-search:hover {
    background-color: white !important;
    color: #c60000 !important;
    border: 1px solid #c60000 !important;
}

/* Icône loupe rouge au survol */
.directorist-btn-search:hover .directorist-icon-mask {
    background-color: #c60000 !important; /* Icône devient rouge */
}



.directorist-search-contents,
.directorist-container-fluid,
.directorist-search-form,
.directorist-search-modal {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important; /* Ajuste si besoin */
    padding-bottom: 0px !important; /* Ajuste si besoin */
}



directorist-icon-mask {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for directorist_location, class: .elementor-element-25372e3 */.directorist-price-ranges {
    display: none !important;
}/* End custom CSS */