.elementor-7659 .elementor-element.elementor-element-5db1456b{--display:flex;}/* Start custom CSS for container, class: .elementor-element-5db1456b *//* ======================================================
    BENNA MATCH - CODE FINAL UNIFIÉ (INSCRIPTION + MODALE)
   ====================================================== */

/* --- 1. CARTE INSCRIPTION (7653) --- */
.um-7653.um {
    max-width: 600px !important;
    margin: 40px auto !important;
    padding: 40px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.08) !important;
    border: none !important;
}

/* --- 2. TRADUCTION ERREURS (TEXTE BLANC) --- */
.um-7653 .um-field-error { font-size: 0 !important; color: transparent !important; line-height: 0 !important; }
.um-7653 .um-field-error:after {
    color: #ffffff !important;
    font-size: 13px !important;
    visibility: visible !important;
    display: block !important;
    padding: 8px 0 !important;
    font-weight: 500 !important;
}
.um-7653 .um-field-user_login .um-field-error:after { content: "Veuillez choisir un identifiant." !important; }
.um-7653 .um-field-user_email .um-field-error:after { content: "Veuillez saisir une adresse e-mail." !important; }

/* MODIFICATION : Détails du mot de passe (8 caractères mini, Majuscule, Chiffre) */
.um-7653 .um-field-user_password .um-field-error:after { content: "Requis : 8 caractères mini, une majuscule et un chiffre." !important; }

.um-7653 .um-field-confirm_user_password .um-field-error:after { content: "Les mots de passe ne correspondent pas." !important; }

/* --- 3. DESIGN DE LA MODALE PHOTO --- */
.um-modal { border-radius: 25px !important; overflow: hidden !important; }
.um-modal-header { background: #FF782C !important; color: #fff !important; border: none !important; }

/* Zone d'upload */
.ajax-upload-dragdrop { 
    border: 2px dashed #FF782C !important; 
    border-radius: 15px !important; 
    background: #fffaf7 !important; 
}
.ajax-upload-dragdrop .upload { 
    background: #FF782C !important;
    border-radius: 20px !important; 
    color: #fff !important;
}

/* --- 4. BOUTONS MODALE (FIX CENTRAGE PARFAIT) --- */
.um-modal-footer { 
    display: flex !important; 
    justify-content: center !important; 
    padding: 25px !important; 
}

.um-modal-footer .um-modal-right { 
    float: none !important; 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 12px !important; 
    width: 100% !important; 
    align-items: center !important;
}

/* Style commun pour Valider & Annuler */
.um-modal-btn.um-finish-upload.image,
.um-modal-btn.alt {
    display: flex !important;
    align-items: center !important; /* Centrage vertical */
    justify-content: center !important; /* Centrage horizontal */
    width: 250px !important;
    height: 48px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Bouton Valider (Vert) */
.um-modal-btn.um-finish-upload.image {
    background: #91d1a1 !important; 
    color: #ffffff !important;
    font-size: 0 !important; /* Cache "Apply" */
}

.um-modal-btn.um-finish-upload.image:after {
    content: "Valider la photo" !important;
    font-size: 15px !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

/* Bouton Annuler (Orange) */
.um-modal-btn.alt {
    background: #FF782C !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 48px !important; /* Aligne le texte sur la hauteur */
}

/* --- 5. BOUTON FINAL INSCRIPTION & CHAMPS --- */
.um-7653 .um-button, 
.um-7653 input[type=submit].um-button {
    background: #FF782C !important;
    border-radius: 30px !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.um-7653 .um-form input[type=text], 
.um-7653 .um-form input[type=password], 
.um-7653 .um-form input[type=email] {
    border-radius: 12px !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
}/* End custom CSS */