/* Login */
/* Carte globale du formulaire de login */
    .um.um-login {
      max-width: 420px;
      margin: 40px auto;
      padding: 24px 22px;
      background: #f6f4ef;
      border-radius: 18px;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    }

    /* Titre */
    .um.um-login .um-form-header h3 {
      text-align: center;
      font-size: 1.4rem;
      margin-bottom: 12px;
    }

    /* Labels */
    .um.um-login .um-field-label label {
      font-weight: 600;
      font-size: 0.95rem;
      color: #4c4432;
    }

    /* Inputs */
    .um.um-login .um-field-area input {
      border-radius: 10px;
      border: 1px solid #ddd7cc;
      background: #fff;
      padding: 10px 12px;
      font-size: 0.95rem;
    }

    /* Focus input */
    .um.um-login .um-field-area input:focus {
      border-color: #64704A;
      box-shadow: 0 0 0 2px rgba(100, 112, 74, 0.18);
      outline: none;
    }

    /* Bouton se connecter */
    .um.um-login .um-button,
    .um.um-register .um-button {
      width: 100%;
      border-radius: 16%;
      background: linear-gradient(135deg, #64704A, #55633f);
      border: none !important;
      padding: 11px 14px;
      font-weight: 700;
      font-size: 0.98rem;
      color: #fff !important;
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
      transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
      transform: translateZ(0);
    }

    .um.um-login .um-button:hover,
    .um.um-register .um-button:hover {
      filter: brightness(1.05);
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.20);
      transform: translateY(-2px);
    }

    .um.um-login .um-button:active,
    .um.um-register .um-button:active {
      transform: translateY(0);
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
      filter: brightness(.96);
    }

    .um.um-login .um-button:focus-visible,
    .um.um-register .um-button:focus-visible {
      outline: none !important;
      box-shadow:
        0 0 0 3px rgba(100, 112, 74, 0.28),
        0 12px 22px rgba(0, 0, 0, 0.18);
    }

    /* Liens (mot de passe oublié, etc.) */
    .um.um-login .um-links a {
      color: #64704A;
      font-size: 0.9rem;
    }

    /* Messages d’erreur */
    .um.um-login .um-field-error,
    .um.um-login .um-message {
      border-radius: 10px;
      background: #ffe9e9;
      color: #8b1f1f;
      border: 1px solid #f3b2b2;
    }

/* Register */
/* === FORMULAIRE REGISTER (Ultimate Member) === */

    /* Carte globale */
    .um.um-register {
      max-width: 480px;
      margin: 50px auto;
      padding: 28px 26px;
      background: #f6f4ef;
      border-radius: 20px;
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
      color: #2A2A25;
    }

    /* Titre */
    .um.um-register .um-form-header h3 {
      text-align: center;
      font-size: 1.45rem;
      margin-bottom: 18px;
      color: #2A2A25;
      font-weight: 700;
    }

    /* Labels */
    .um.um-register .um-field-label label {
      font-weight: 600;
      font-size: 0.95rem;
      color: #4c4432;
    }

    /* Inputs */
    .um.um-register .um-field-area input {
      width: 100%;
      border-radius: 10px;
      border: 1px solid #ddd7cc;
      background: #fff;
      padding: 11px 12px;
      font-size: 0.95rem;
      transition: border-color .15s ease, box-shadow .15s ease;
    }

    /* Focus input */
    .um.um-register .um-field-area input:focus {
      border-color: #64704A;
      box-shadow: 0 0 0 2px rgba(100, 112, 74, 0.22);
      outline: none;
    }

    /* Bouton "S'inscrire" */
    .um.um-register .um-button {
      width: 100%;
      border-radius: 12px;
      background: #64704A;
      color: #fff;
      border: none;
      padding: 12px 16px;
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: .2px;
      margin-top: 10px;
      transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    }

    .um.um-register .um-button:hover {
      filter: brightness(1.05);
      box-shadow: 0 10px 20px rgba(0,0,0,0.12);
      transform: translateY(-1px);
    }

    .um.um-register .um-button:active {
      filter: brightness(.95);
      transform: translateY(0);
    }

    /* Liens (déjà un compte, etc.) */
    .um.um-register .um-links a {
      color: #64704A;
      font-size: 0.95rem;
      font-weight: 500;
    }

    /* Messages d’erreur */
    .um.um-register .um-field-error,
    .um.um-register .um-message {
      border-radius: 10px;
      background: #ffeaea;
      color: #8a1f1f;
      border: 1px solid #e9bcbc;
      padding: 10px 12px;
      font-size: 0.9rem;
    }

    /* Cases à cocher */
    .um.um-register .um-field-checkbox-option span {
      color: #4c4432;
      font-size: 0.9rem;
    }

    .um.um-register .um-field-checkbox-option input[type=checkbox] {
      accent-color: #64704A;
    }

    /* Captcha (si activé) */
    .um.um-register .um-field-captcha {
      margin-top: 12px;
    }

/* Account */
/* Style du bouton "Demander l’effacement des données" */
    a.um-request-button.um-erase-data-button {
        background: #4c4432;          /* vert MCMinelab */
        color: #fff !important;
        padding: 8px 12px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        font-weight: 600;
        text-decoration: none !important;
        border: none !important;
        transition: 0.2s ease;
    }

    /* Hover */
    a.um-request-button.um-erase-data-button:hover {
        background: #3d372aff;
        transform: translateY(-2px);
    }

    /* Active */
    a.um-request-button.um-erase-data-button:active {
        transform: translateY(0);
        background: #3d372aff;
    }

    /* Style du bouton "Demander les données" */
    a.um-request-button.um-export-data-button {
        background: #4c4432;          /* vert MCMinelab */
        color: #fff !important;
        padding: 8px 12px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        font-weight: 600;
        text-decoration: none !important;
        border: none !important;
        transition: 0.2s ease;
    }

    /* Hover */
    a.um-request-button.um-export-data-button:hover {
        background: #3d372aff;
        transform: translateY(-2px);
    }

    /* Active */
    a.um-request-button.um-export-data-button:active {
        transform: translateY(0);
        background: #3d372aff;
    }