.elementor-683 .elementor-element.elementor-element-e3b9bb6{--display:flex;--min-height:15vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-683 .elementor-element.elementor-element-e3b9bb6:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-e3b9bb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-683 .elementor-element.elementor-element-6cc51332{--display:flex;}.elementor-683 .elementor-element.elementor-element-6cc51332:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-6cc51332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-f69a658 *//* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PERSONNALISATION COMPLÈTE ULTIMATE MEMBER - YAFINANCE
   Appliqué à : Connexion, Inscription, Profil, Compte, etc.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ───────────────────────────────────────────
   1. POLICE POPPINS - TOUTES LES PAGES UM
   ─────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Appliquer Poppins à toutes les pages UM */
.um,
.um *,
.um-page,
.um-page *,
body.um-page-login,
body.um-page-register,
body.um-page-account,
body.um-page-user,
body.um-page-members {
    font-family: 'Poppins', sans-serif !important;
}

/* ───────────────────────────────────────────
   2. BOUTONS - VERT (tous les boutons UM)
   ─────────────────────────────────────────── */

.um .um-button,
.um input[type="submit"],
.um .um-col-form button,
.um-button,
input[type="submit"].um-button,
.um-account-side input[type="submit"],
.um-profile-nav a.um-active,
.um-form input[type="submit"] {
    background: linear-gradient(135deg, #00D09C 0%, #00B887 100%) !important;
    color: white !important;
    border: none !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
   
    transition: all 0.3s ease !important;
}

/* Hover des boutons */
.um .um-button:hover,
.um input[type="submit"]:hover,
.um-button:hover {
    background: linear-gradient(135deg, #00B887 0%, #00A076 100%) !important;
    
    transform: translateY(-2px) !important;
}




/* Focus des champs */
.um input:focus,
.um textarea:focus,
.um select:focus {
    border-color: #00D09C !important;
    background: white !important;
    box-shadow: 0 0 0 3px rgba(0, 208, 156, 0.1) !important;
    outline: none !important;
}


/* ───────────────────────────────────────────
   8. MESSAGES D'ERREUR ET SUCCÈS
   ─────────────────────────────────────────── */

/* Messages de succès */
.um-message.success,
.um-notice.success {
    background: #E8F9F4 !important;
    border-left: 4px solid #00D09C !important;
    color: #00A076 !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
}

/* Messages d'erreur */
.um-message.error,
.um-notice.error {
    background: #FFE5E5 !important;
    border-left: 4px solid #FF4444 !important;
    color: #CC0000 !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
}



/* ───────────────────────────────────────────
   14. RESPONSIVE MOBILE
   ─────────────────────────────────────────── */

@media (max-width: 768px) {
    .um .um-button,
    .um input[type="submit"] {
        padding: 14px 30px !important;
        font-size: 15px !important;
    }
    
    .um input[type="text"],
    .um input[type="password"],
    .um textarea,
    .um select {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */