/**
 * Formulaires Ultimate Member — Charte graphique CSE Nombalais
 * Surcharge les styles par défaut d'UM pour login et reset mot de passe.
 */

/* ========== TITRE PAGE CENTRÉ (login + reset) ========== */
.et_pb_section:has(.um.um-login) .et_pb_post_title,
.et_pb_section:has(.um.um-password) .et_pb_post_title,
.et_pb_section:has(.um.um-login) h1,
.et_pb_section:has(.um.um-password) h1,
article:has(.um.um-login) .entry-title,
article:has(.um.um-password) .entry-title,
article:has(.um.um-login) h1,
article:has(.um.um-password) h1 {
  text-align: center !important;
}

/* ========== FORMULAIRE CONNEXION ========== */

/* Conteneur formulaire login UM */
.um.um-login {
  font-family: 'Source Sans 3', sans-serif !important;
  color: var(--cse-gris-800) !important;
}

/* Labels des champs */
.um.um-login .um-field-label label {
  color: var(--cse-bleu-fonce) !important;
  font-weight: 600 !important;
}

.um.um-login .um-field-label .um-field-label-icon i {
  color: var(--cse-gris-600) !important;
}

/* Champs de saisie */
.um.um-login .um-form input[type="text"],
.um.um-login .um-form input[type="password"],
.um.um-login .um-form input[type="email"] {
  border: 1px solid var(--cse-gris-200) !important;
  border-radius: var(--cse-rayon) !important;
  color: var(--cse-gris-800) !important;
  background-color: var(--cse-blanc) !important;
  transition: border-color var(--cse-transition) !important;
}

.um.um-login .um-form input[type="text"]:focus,
.um.um-login .um-form input[type="password"]:focus,
.um.um-login .um-form input[type="email"]:focus {
  border-color: var(--cse-cyan) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.15) !important;
}

/* Case « Se souvenir de moi » */
.um.um-login .um-field-checkbox-option {
  color: var(--cse-gris-800) !important;
}

.um.um-login .um-field-checkbox:hover i,
.um.um-login .um-field-checkbox.active i {
  color: var(--cse-cyan) !important;
}

.um.um-login .um-field-checkbox-state i,
.um.um-login .um-field-radio-state i {
  color: var(--cse-gris-200) !important;
}

.um.um-login .um-field-checkbox.active .um-field-checkbox-state i {
  color: var(--cse-cyan) !important;
}

/* Icône œil pour afficher/masquer mot de passe */
.um.um-login .um-toggle-password:hover i {
  color: var(--cse-cyan) !important;
}

/* Bouton Connexion — charte CSE (style pilule, cyan) */
.um.um-login input[type="submit"].um-button,
.um.um-login .um-button.um-btn-auto-width {
  margin-top: 16px !important;
  background: var(--cse-cyan) !important;
  color: var(--cse-blanc) !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: var(--cse-ombre) !important;
  transition: background var(--cse-transition), transform 0.2s ease !important;
}

.um.um-login input[type="submit"].um-button:hover,
.um.um-login .um-button.um-btn-auto-width:hover {
  background: var(--cse-cyan-clair) !important;
  transform: translateY(-1px) !important;
}

.um.um-login .um-button:before {
  color: var(--cse-blanc) !important;
}

/* Lien « Mot de passe oublié ? » */
.um.um-login a.um-link-alt,
.um.um-login a.um-link {
  color: var(--cse-cyan) !important;
  font-weight: 600 !important;
}

.um.um-login a.um-link-alt:hover,
.um.um-login a.um-link:hover {
  color: var(--cse-cyan-clair) !important;
  text-decoration: underline !important;
}

/* Messages d'erreur / succès (optionnel, garde cohérence) */
.um.um-login p.um-notice.err {
  background: var(--cse-rouge) !important;
  border-radius: var(--cse-rayon) !important;
}

.um.um-login p.um-notice.success {
  background: var(--cse-cyan) !important;
  border-radius: var(--cse-rayon) !important;
}

/* ========== FORMULAIRE RÉINITIALISATION MOT DE PASSE ========== */

/* Conteneur formulaire password reset UM */
.um.um-password {
  font-family: 'Source Sans 3', sans-serif !important;
  color: var(--cse-gris-800) !important;
}

/* Texte d'instructions */
.um.um-password .um-field-block {
  color: var(--cse-gris-600) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin-bottom: 16px !important;
}

/* Labels des champs */
.um.um-password .um-field-label label {
  color: var(--cse-bleu-fonce) !important;
  font-weight: 600 !important;
}

/* Champs de saisie (reset + change password) */
.um.um-password .um-form input[type="text"],
.um.um-password .um-form input[type="email"],
.um.um-password .um-form input[type="password"] {
  border: 1px solid var(--cse-gris-200) !important;
  border-radius: var(--cse-rayon) !important;
  color: var(--cse-gris-800) !important;
  background-color: var(--cse-blanc) !important;
  transition: border-color var(--cse-transition) !important;
}

.um.um-password .um-form input[type="text"]:focus,
.um.um-password .um-form input[type="email"]:focus,
.um.um-password .um-form input[type="password"]:focus {
  border-color: var(--cse-cyan) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.15) !important;
}

/* Bouton Réinitialiser le mot de passe */
.um.um-password input[type="submit"].um-button,
.um.um-password .um-button {
  margin-top: 20px !important;
  background: var(--cse-cyan) !important;
  color: var(--cse-blanc) !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: var(--cse-ombre) !important;
  transition: background var(--cse-transition), transform 0.2s ease !important;
}

.um.um-password input[type="submit"].um-button:hover,
.um.um-password .um-button:hover {
  background: var(--cse-cyan-clair) !important;
  transform: translateY(-1px) !important;
}

.um.um-password .um-button:before {
  color: var(--cse-blanc) !important;
}