.elementor-13 .elementor-element.elementor-element-40b65994{margin-top:-030px;margin-bottom:0px;}.elementor-13 .elementor-element.elementor-element-1970268d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-93f5a57{width:100%;max-width:100%;align-self:center;}.elementor-13 .elementor-element.elementor-element-93f5a57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-93f5a57 *//* ==========================================================================
   VARIABLES & COULEURS
   ========================================================================== */
:root {
    --primary-green: #a9ca0b;
    --hover-green: #94b20a;
    --pure-white: #ffffff;
    --pure-black: #000000;
    --dark-grey: #1a1a1a;
    --radius-lg: 20px;
    --radius-md: 15px;
    --radius-sm: 8px;
}

/* ==========================================================================
   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 & MODE SOMBRE)
   ========================================================================== */

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

/* Design des blocs internes (Fond Noir) */
.es-auth, 
.es-auth__item, 
body .es-auth .es-auth__item {
    background-color: var(--pure-black) !important;
    border-radius: var(--radius-lg) !important;
    padding: 30px !important;
    border: none !important;
}

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

/* Icones d'interface */
.es-icon_check-mark, 
.es-icon_eye, 
.es-toggle-pwd .es-icon {
    color: var(--pure-white) !important;
}

/* ==========================================================================
   4. PUCES DE VALIDATION (FORCE BLANC)
   ========================================================================== */
.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 (ALIGNEMENT)
   ========================================================================== */
.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 (BLOC VERT)
   ========================================================================== */
body .es-auth .es-auth__item .es-auth-footer,
body .es-auth .es-auth__item .es-auth-footer__inner {
    background-color: var(--primary-green) !important;
    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 DE SÉLECTION (RADIO, CHECKBOX & ICONES)
   ========================================================================== */

/* 1. Conteneur et Label (État par défaut) */
.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;
}

/* Texte : Noir par défaut pour être visible sur le fond blanc */
.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;
}

/* L'icône (check-mark) : Grise/Invisible au repos */
.es-icon_check-mark {
    color: #dddddd !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

/* 2. État Actif (Quand l'élément est coché) */

/* Bordure verte pour le bouton sélectionné */
.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;
}

/* Texte et Icône deviennent VERTS quand sélectionnés */
.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;
}

/* 3. Nettoyage des boutons système (les petits ronds/carreaux) */
.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;
}

/* Si tu veux masquer totalement les ronds pour ne garder que le texte/icône */
/* .es-radio--bordered input { display: none !important; } */

/* ==========================================================================
   8. BOUTONS D'ACTION (TAILLE RÉDUITE & TEXTE CENTRÉ)
   ========================================================================== */

/* 1. Le conteneur : on empile proprement */
#es-property-management-form .es-manage-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important; /* Espace entre les boutons */
    width: 100% !important;
    padding: 20px 0 !important;
}

/* 2. Les boutons : taille maîtrisée et texte centré */
#es-property-management-form .es-manage-buttons .es-btn {
    display: inline-flex !important; /* Important pour le centrage texte */
    align-items: center !important;    /* Centrage vertical du texte */
    justify-content: center !important; /* Centrage horizontal du texte */
    
    /* Dimensions */
    height: 42px !important;           /* Hauteur réduite */
    width: 100% !important;
    max-width: 280px !important;       /* Largeur moins imposante */
    
    /* Reset des comportements qui cassent tout */
    float: none !important;
    position: relative !important;
    margin: 0 auto !important;
    
    /* Style */
    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;        /* Texte un peu plus fin */
    border: none !important;
}

/* 3. Gestion du bouton "Arrière" et des éléments cachés */
#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;
}

/* 4. Fix pour les icônes à l'intérieur des boutons */
.es-btn .es-icon {
    margin: 0 8px !important; /* Espace autour des flèches */
    font-size: 16px !important;
}/* End custom CSS */