/* ==========================================================================
   UI BASE — Modèle CSE
   Styles transversaux front (Ultimate Member, Divi, composants communs)
   ========================================================================== */

/* ==========================================================================
   Ultimate Member — Messages système
   ========================================================================== */

.um-postmessage {
    max-width: 640px;
    margin: 32px auto;
    padding: 16px 20px;

    background-color: #f6f6f6;
    border-left: 4px solid #ff5c00;
    border-radius: 4px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #353535;

    white-space: pre-line; /* respecte les retours ligne UM */
}


/* ==========================================================================
   Ultimate Member — Boutons
   ========================================================================== */

/* ---------------------------------------------------------
   Connexion
   --------------------------------------------------------- */

.um-login .um-form input.um-button {
    background-color: #ff5c00 !important;
    color: #ffffff !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-weight: 500 !important;

    border: none !important;
    border-radius: 999px !important;

    padding: 12px 32px;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

.um-login .um-form input.um-button:hover {
    background-color: #e65300 !important;
    transform: translateX(2px);
}

.um-login .um-form input.um-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 92, 0, 0.35);
}


/* ---------------------------------------------------------
   Inscription
   --------------------------------------------------------- */

.um-register .um-form input.um-button {
    background-color: #d5c3fb !important;
    color: #353535 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-weight: 700 !important;

    border: none !important;
    border-radius: 999px !important;

    padding: 12px 32px;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        box-shadow 0.15s ease;
}

.um-register .um-form input.um-button:hover {
    background-color: #c7b3f0 !important;
}

.um-register .um-form input.um-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(213, 195, 251, 0.45);
}


/* ---------------------------------------------------------
   Réinitialisation mot de passe
   --------------------------------------------------------- */

.um-password .um-form input.um-button {
    background-color: #353535 !important;
    color: #ffffff !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-weight: 500 !important;

    border: none !important;
    border-radius: 999px !important;

    padding: 12px 32px;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        box-shadow 0.15s ease;
}

.um-password .um-form input.um-button:hover {
    background-color: #2a2a2a !important;
}

.um-password .um-form input.um-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(53, 53, 53, 0.35);
}