/* Start custom CSS for shortcode, class: .elementor-element-ed1609f *//* ========================================================================== 
   VARIABLES & COULEURS
   ========================================================================== */
:root {
    --primary-green: #a9ca0b;
    --hover-green: #94b20a;
    --pure-white: #ffffff;
    --pure-black: #000000;
    --dark-grey: #1a1a1a;
    --radius-lg: 20px;
    --radius-md: 0px;
    --radius-sm: 0px;
}

/* ========================================================================== 
   1. NAVIGATION & SIDEBAR
   ========================================================================== */
.es-profile__sidebar {
    background-color: var(--primary-green) !important;
    border-radius: var(--radius-lg) !important;
    padding: 20px !important;
}

.es-profile__sidebar .es-profile__menu li a,
.es-profile__sidebar .es-user__name {
    color: var(--pure-white) !important;
}

/* Pastilles numériques dans les onglets */
.es-tabs__numeric {
    background-color: #333333 !important;
    color: var(--pure-white) !important;
    border: 2px solid var(--primary-green) !important;
}

.es-tabs__nav-inner li.active .es-tabs__numeric {
    background-color: var(--primary-green) !important;
}

/* États des liens de navigation */
.es-tabs__nav-inner li.active a {
    color: var(--primary-green) !important;
}

.es-tabs__nav-inner li a {
    color: var(--pure-white) !important;
}

/* ========================================================================== 
   2. TITRES DE QUESTIONS (VERT & CENTRÉS)
   ========================================================================== */
.es-profile__main .es-field__label:not(.es-field__validate-list .es-field__label):not(.es-radio--bordered .es-field__label):not(.es-field--radio-item-bordered .es-field__label):not(.es-field--checkbox-item-bordered .es-field__label),
.es-profile__main h2,
.es-profile__main h3:not(.heading-font) {
    color: var(--primary-green) !important;
    font-weight: bold !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* ========================================================================== 
   3. AUTHENTIFICATION (STRUCTURE)
   ========================================================================== */

.es-auth.js-es-auth:not([class*="profile"]) {
    min-height: 70vh !important;
    width: 100% !important;
    margin: 40px auto !important;
    background-color: transparent !important;
}

.es-auth, 
.es-auth__item, 
body .es-auth .es-auth__item {
    background-color: var(--primary-green) !important;
}

/* Couleurs des textes */
.es-auth h3.heading-font,
.es-auth p, 
.es-auth .sign-in-text,
.es-auth label .es-field__label {
    color: var(--pure-white) !important;
}

/* Icônes */
.es-icon_check-mark, 
.es-icon_eye, 
.es-toggle-pwd .es-icon {
    color: var(--pure-white) !important;
}

/* ========================================================================== 
   4. PUCES DE VALIDATION
   ========================================================================== */
.es-field__validate-list,
.es-field__validate-list *,
.es-validate-item,
.es-validate-item .es-field__label {
    color: var(--pure-white) !important;
    text-align: left !important;
}

.es-validate-item::before {
    background-color: var(--pure-white) !important;
}

/* ========================================================================== 
   5. BARRE DE RECHERCHE
   ========================================================================== */
.es-search__address {
    display: flex !important;
    align-items: stretch !important;
    max-width: 600px;
    margin: 20px auto !important;
}

.es-search__address .es-btn--primary.es-btn--icon {
    margin: 0 !important;
    width: 60px !important;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
    min-height: 45px !important;
    background-color: var(--primary-green) !important;
}

.es-search__address input.js-es-address {
    margin: 0 !important;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
    height: 45px !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 15px !important;
}

/* ========================================================================== 
   6. FOOTER AGENT
   (fond supprimé pour permettre le footer blanc)
   ========================================================================== */
body .es-auth .es-auth__item .es-auth-footer,
body .es-auth .es-auth__item .es-auth-footer__inner {
    border-radius: var(--radius-md) !important;
    padding: 20px !important;
}

body .es-auth-footer__content b, 
body .es-auth-footer__content p,
body .es-auth-footer .es-icon {
    color: var(--pure-white) !important;
}

/* ========================================================================== 
   7. BOUTONS RADIO / CHECKBOX
   ========================================================================== */
.es-radio--bordered, 
.es-field--radio-item-bordered label,
.es-field--checkbox-item-bordered label,
.es-field--checkbox label,
.es-field--radio label {
    background-color: var(--pure-black) !important;
    border: 3px solid #dddddd !important;
    border-radius: var(--radius-sm) !important;
    padding: 5px 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    min-height: 40px !important;
}

.es-radio--bordered .es-field__label,
.es-field--radio-item-bordered label .es-field__label,
.es-field--checkbox-item-bordered label .es-field__label,
.es-field--checkbox label .es-field__label,
.es-field--radio label .es-field__label {
    color: #ffffff !important;
    margin: 0 !important;
    padding-left: 8px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.es-icon_check-mark {
    color: #dddddd !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.es-radio--bordered input:checked + label,
.es-field--radio-item-bordered input:checked + label,
.es-field--checkbox-item-bordered input:checked + label,
.es-field--checkbox input:checked + label,
.es-field--radio input:checked + label {
    border-color: var(--primary-green) !important;
    box-shadow: inset 0 0 0 3px var(--primary-green) !important;
}

.es-radio--bordered input:checked + label .es-field__label,
.es-radio--bordered input:checked + label .es-icon_check-mark,
.es-field--radio-item-bordered input:checked + label .es-field__label,
.es-field--checkbox-item-bordered input:checked + label .es-field__label,
.es-field--checkbox input:checked + label .es-field__label,
.es-field--radio input:checked + label .es-field__label {
    color: var(--primary-green) !important;
    font-weight: bold !important;
}

.es-radio--bordered input[type="radio"],
.es-field--checkbox input[type="checkbox"],
.es-field--radio input[type="radio"] {
    margin-right: 5px !important;
    accent-color: var(--primary-green) !important;
}

/* ========================================================================== 
   8. BOUTONS D'ACTION
   ========================================================================== */
#es-property-management-form .es-manage-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 20px 0 !important;
}

#es-property-management-form .es-manage-buttons .es-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    width: 100% !important;
    max-width: 280px !important;
    float: none !important;
    position: relative !important;
    margin: 0 auto !important;
    background-color: var(--primary-green) !important;
    color: var(--pure-white) !important;
    border-radius: var(--radius-sm) !important;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 14px !important;
    border: none !important;
}

#es-property-management-form .es-manage-buttons .es-hidden,
#es-property-management-form .es-manage-buttons [style*="visibility: hidden"] {
    display: none !important;
}

#es-property-management-form .es-manage-buttons a.js-es-nav-link {
    color: var(--primary-green) !important;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
}

.es-btn .es-icon {
    margin: 0 8px !important;
    font-size: 16px !important;
}

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media (max-width: 480px) {

    body .es-auth .es-auth__item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body .es-auth .es-auth__item > *:not(.es-auth-footer) {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    body .es-auth .es-auth-footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    body .es-auth .es-auth-footer__inner {
        padding-left: 10 !important;
        padding-right: 10 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

/* ========================================================================== 
   FOOTER BLANC
   ========================================================================== */
body .es-auth .es-auth-footer,
body .es-auth .es-auth-footer__inner {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body .es-auth .es-auth-footer,
body .es-auth .es-auth-footer *,
body .es-auth .es-auth-footer__content,
body .es-auth .es-auth-footer__content *,
body .es-auth .es-auth-footer__left,
body .es-auth .es-auth-footer__left * {
    color: #000000 !important;
}

body .es-auth .es-auth-footer .es-icon,
body .es-auth .es-auth-footer .es-secondary-color {
    color: #000000 !important;
    fill: #000000 !important;
}

body .es-auth .es-auth-footer .es-btn,
body .es-auth .es-auth-footer a.es-btn,
body .es-auth .es-auth-footer .es-btn--secondary,
body .es-auth .es-auth-footer .es-btn--bordered {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

body .es-auth .es-auth-footer .es-btn *,
body .es-auth .es-auth-footer a.es-btn * {
    color: #000000 !important;
}

/* ========================================================================== 
   TITRE CENTRÉ
   ========================================================================== */
h3.heading-font {
    text-align: center !important;
}




.es-auth-footer__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.es-auth-footer a.js-es-auth-item__switcher {
    margin-top: 10px !important;
}



.es-col-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


.es-field__label {
    color: #ffffff !important;
}


.es-column--_manage-checkbox label {
    display: none !important;
}

.es-auth .js-es-auth-item__switcher {
    color: #000000 !important;
}


body .es-auth .es-auth-footer .es-auth-footer__content b {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

body .es-auth .es-auth-footer .es-auth-footer__content p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}


.es-auth__login-buttons {
    border-radius: 25px;
    overflow: hidden;
}

.es-auth__item {
    border-radius: 25px;
    overflow: hidden;
}



.js-es-no-posts {
    background-color: #ffffff; /* fond blanc */
    color: #000000; /* texte noir pour contraste */
    padding: 20px; /* un peu d'espace autour du texte */
    border-radius: 8px; /* coins arrondis */
    text-align: center; /* centrer le texte */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* léger ombrage */
    font-family: Arial, sans-serif; /* police lisible */
}




.es-auth__agent-register-buttons h3, 
.es-auth__agent-register-buttons h3 + p {
    display: none;
}











/* Conteneur pour le fond vert */
.auth-container {
    background-color: #a3c615; /* Le vert de l'image */
    padding: 40px;
    text-align: center;
}

/* Style spécifique pour votre bouton */
.es-btn--auth {
    display: inline-block;
    background-color: #ffffff;
    color: #001a33; /* Bleu très foncé/noir pour le texte */
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px; /* Coins arrondis */
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Légère ombre pour le relief */
    transition: transform 0.2s ease;
}

.es-btn--auth:hover {
    transform: translateY(-2px);
    background-color: #f8f8f8;
}




/* Masquer les onglets "Demandes" et "Agents enregistrés" */
a[href*="tab=requests"], 
a[href*="tab=saved-agents"] {
    display: none !important;
}

/* Pour masquer aussi la puce (le li) parente si nécessaire */
li:has(a[href*="tab=requests"]), 
li:has(a[href*="tab=saved-agents"]) {
    display: none !important;
}



.es-auth-footer__left{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.es-auth-footer__content{
    text-align:center;
    margin:0 auto;
    max-width:300px;
}

.es-auth-footer__content,
.es-auth-footer__content p,
.es-auth-footer__content b{
    text-align:center !important;
}





/* Cible uniquement le titre et le paragraphe dans le formulaire agent */
.es-auth__agent-register-form h3.heading-font, 
.es-auth__agent-register-form h3.heading-font + p {
    display: none;
}/* End custom CSS */