/*
Ultimate Member — habillage éditorial B-Empire
Réutilise les tokens de style.css (blanc / encre / or / Cormorant Garamond / Inter).
*/

.um {
  font-family: var(--font-body);
  color: var(--ink);
  max-width: 460px;
  margin: 0 auto;
}

.um .um-form form { max-width: 100%; }

/* Libellés de champs */
.um-field-label label {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--grey-60);
  margin-bottom: 8px;
  display: inline-block;
}

/* Champs texte / mot de passe */
.um-form-field,
.um-field-area input[type="text"],
.um-field-area input[type="email"],
.um-field-area input[type="password"],
.um-field-area textarea,
.um-field-area select {
  width: 100%;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--hairline);
  border-radius: 0;
  padding: 14px 16px;
  transition: border-color .3s ease;
  box-shadow: none;
}
.um-form-field:focus,
.um-field-area input:focus,
.um-field-area textarea:focus,
.um-field-area select:focus {
  outline: none;
  border-color: var(--gold);
}

.um-row { margin-bottom: 4px !important; }
.um-field { margin-bottom: 22px; }

/* Boutons */
.um-button,
.um button,
input#um-submit-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: var(--ink);
  color: var(--white) !important;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 16px 24px;
  border: 1px solid var(--ink);
  border-radius: 0;
  transition: background .3s ease, color .3s ease;
  cursor: pointer;
}
.um-button:hover,
.um button:hover,
input#um-submit-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink) !important;
}

/* Bouton secondaire ("Connexion" à côté de "S'inscrire", etc.) */
.um-button.um-alt {
  background: transparent;
  color: var(--ink) !important;
  border: 1px solid var(--ink);
}
.um-button.um-alt:hover {
  background: var(--ink);
  color: var(--white) !important;
  border-color: var(--ink);
}

.um-col-alt { margin-top: 8px; }
.um-left.um-half, .um-right.um-half { padding: 0 6px; }

/* Liens secondaires (mot de passe oublié, etc.) */
.um-link-alt, .um a {
  color: var(--gold);
}
.um-link-alt:hover, .um a:hover { text-decoration: underline; }

/* Case à cocher "Se souvenir de moi" */
.um-field-checkbox-option { color: var(--grey-60); font-size: 13px; }

/* Messages d'erreur / de succès */
.um-notice, .um-notice-c {
  font-family: var(--font-body);
  font-size: 13px;
  border-radius: 0;
  padding: 14px 18px;
}
.um-notice-c.um-error, .um-form-error {
  background: #FBEAEA;
  color: #8A1F1F;
  border-left: 3px solid #B33;
}
.um-notice-c.um-success {
  background: var(--paper);
  color: var(--ink);
  border-left: 3px solid var(--gold);
}

/* =========================================================
   PAGE COMPTE / PROFIL
   ========================================================= */
.um-account, .um-profile {
  font-family: var(--font-body);
  max-width: 720px;
}

.um-account-heading, .um-profile-name {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--ink);
}

.um-account-nav, .um-profile-nav {
  border-bottom: 1px solid var(--hairline);
}
.um-account-nav .active a,
.um-profile-nav-item.active a {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}
.um-account-nav a, .um-profile-nav a {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--grey-60);
}
.um-account-nav a:hover, .um-profile-nav a:hover { color: var(--ink); }

.um-account-side .um-account-icon,
.um-profile-photo img {
  border-radius: 0;
  border: 1px solid var(--hairline);
}

.um-cover, .um-cover-e {
  background: var(--paper) !important;
}

/* Boutons secondaires dans le compte (édition, suppression) */
.um-account-name, .um-account-e { color: var(--ink); }

@media (max-width: 640px) {
  .um { max-width: 100%; }
  .um-left.um-half, .um-right.um-half { width: 100%; }
}