/* Start custom CSS for es-listings-widget, class: .elementor-element-47caf5a */.es-listing {
    background-color: #1d1d1d;
}

.es-listings-filter, 
.js-es-listings-filter {
    display: none !important;
}

.js-es-wishlist {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.es-icon_heart {
    color: #a9ca0b !important;
}



.es-property__control { order: 1 !important; }
.es-badge.es-badge--normal { order: 2 !important; }
.es-price { order: 3 !important; }

.es-listing__footer .es-listing__terms li a {
    color: #ffffff !important;
}

.es-listing, 
.es-listing__content, 
.es-listing__title a,
.es-price,
.es-btn__label {
    color: #ffffff !important;
}

@media (min-width: 1024px) {
    .es-listing__content__right {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
    }

    .es-property__control { order: 1 !important; }
    .es-badge.es-badge--normal { order: 2 !important; }
    .es-price { order: 3 !important; }
}

@media (max-width: 1023px) {
    /* On force le conteneur en flex colonne */
    .es-badges.es-listing--hide-on-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Le badge passe en premier (en haut) */
    .es-badges.es-listing--hide-on-list .es-badge {
        order: 1 !important;
        margin-bottom: 8px !important; /* Espace sous le badge */
        display: inline-block !important;
    }

    /* Le prix passe en deuxième (en bas) */
    .es-badges.es-listing--hide-on-list .es-price {
        order: 2 !important;
        display: block !important;
        margin: 0 !important;
    }
}

/* 1. On agrandit le texte du lien à l'intérieur du badge */
.es-badge a {
    font-size: 16px !important; /* Ajustez la taille selon votre envie */
    font-weight: bold !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 4px 8px !important; /* Ajoute un peu d'espace autour du texte */
}

/* 2. On s'assure que le badge (le rond/rectangle rose) s'adapte à la nouvelle taille */
.es-badge {
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
}

/* 3. Optionnel : si vous voulez que le badge soit plus "gros" globalement */
.es-badges.es-badges--rounded .es-badge {
    border-radius: 4px !important; /* Optionnel : arrondis moins prononcés si le texte est long */
    padding: 0 !important; /* On laisse le lien gérer l'espace interne */
}/* End custom CSS */