.elementor-7657 .elementor-element.elementor-element-351bb9fb{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-542970a1 *//* ======================================================
    BENNA MATCH - MASTER DESIGN (FULL VERSION)
   ====================================================== */

/* --- 1. CARTES PRINCIPALES --- */
.um-login.um, .um-register.um, .um-7655.um, .um-profile.um {
    max-width: 500px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
}
.um-register.um, .um-7655.um { max-width: 900px !important; }

/* --- 2. BOUTONS GÉNÉRAUX & COULEURS DE BASE --- */
.um .um-button, 
.um input[type=submit].um-button, 
.um-profile-edit-a,
.um-button.um-alt {
    background-color: #FF782C !important;
    color: #fff !important;
    border-radius: 25px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* --- 3. ONGLETS PROFIL (TEXTE CENTRÉ) --- */
.um-profile-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 20px !important;
    background: #f9f9f9 !important;
    border-radius: 15px !important;
    float: none !important;
}

.um-profile-nav-item a.uimob800-show { display: none !important; }

.um-profile-nav-item a.uimob800-hide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* CENTRAGE HORIZONTAL */
    text-align: center !important;
    background: #ffffff !important;
    color: #555 !important;
    padding: 10px 22px !important;
    border-radius: 30px !important;
    border: 2px solid #eee !important;
    font-weight: 600 !important;
    min-width: 150px !important;
}

.um-profile-nav-item.active a.uimob800-hide {
    background-color: #FF782C !important;
    color: #ffffff !important;
    border-color: #FF782C !important;
}

/* --- 4. AVATAR & COUVERTURE --- */
.um-profile-photo-img img {
    border: 5px solid #ffffff !important;
    box-shadow: 0 0 0 3px #FF782C !important;
}
.um-cover-add-i i.um-icon-plus, 
.um-profile-photo-overlay i { 
    color: #FF782C !important; 
}

/* --- 5. MODALE D'UPLOAD (ZERO BLUE & HOVER) --- */
.um-modal-header, div.um-modal-header { 
    background: #FF782C !important; 
    color: #fff !important; 
}

.ajax-upload-dragdrop {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    border: 2px dashed #FF782C !important;
    background: #fffaf7 !important;
    padding: 40px 20px !important;
}

/* Bouton Upload (Pop-up) */
.ajax-upload-dragdrop .upload {
    background-color: #FF782C !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 8px 25px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.ajax-upload-dragdrop .upload:hover {
    background-color: #e66a25 !important;
    transform: scale(1.05) !important;
}

/* Boutons Apply et Annuler */
.um-modal-footer .um-modal-btn.um-finish-upload, 
.um-modal-footer .um-modal-btn.alt {
    border-radius: 25px !important;
    padding: 10px 30px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.um-modal-footer .um-modal-btn.um-finish-upload {
    background-color: #FF782C !important;
    color: #ffffff !important;
}

.um-modal-footer .um-modal-btn.um-finish-upload:not(.disabled):hover {
    background-color: #e66a25 !important;
    transform: translateY(-2px) !important;
}

.um-modal-footer .um-modal-btn.alt {
    background-color: #f0f0f0 !important;
    color: #666666 !important;
}

.um-modal-footer .um-modal-btn.alt:hover {
    background-color: #e2e2e2 !important;
}

.um-modal-footer .um-modal-btn.disabled {
    background-color: #ffd6be !important;
    cursor: not-allowed !important;
}/* End custom CSS */