/* ==========================================================================
   Archijeunes FSE – User Registration Forms
   Styles des formulaires de connexion/inscription
   ========================================================================== */

/* --------------------------------------------------------------------------
   Navigation horizontale
   -------------------------------------------------------------------------- */

#user-registration.horizontal
  .user-registration-MyAccount-navigation
  ul
  li.user-registration-MyAccount-navigation-link {
  font-weight: 400;
}
#user-registration.horizontal,
#user-registration.vertical {
  border-radius: 0;
}

body.user-registration-page
  .user-registration:not(.user-registration-MyAccount)
  .ur-frontend-form.login {
  border-radius: 0;
}
#user-registration.horizontal
  .user-registration-MyAccount-navigation
  ul
  li.user-registration-MyAccount-navigation-link.is-active
  a {
  background: transparent;
  color: var(--wp--preset--color--secondary);
  font-weight: 400;
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: var(--wp--preset--color--secondary);
}

/* --------------------------------------------------------------------------
   Titres et contenus
   -------------------------------------------------------------------------- */

.user-registration-page.user-registration-account h2.wp-block-heading {
  font-size: var(--wp--preset--font-size--4-xl);
}

#user-registration .user-registration-MyAccount-content > h2 {
  color: var(--wp--preset--color--secondary);
}

#user-registration .user-registration-MyAccount-content > p {
  font-size: 0.9rem;
}

/* --------------------------------------------------------------------------
   Boutons d'action dashboard
   -------------------------------------------------------------------------- */

.block--action-dashboard .wpbf-button-large.depot-cta {
  display: inline-block;
  background: var(--wp--preset--color--primary);
  color: white;
  text-decoration: none;
  padding: 18px 30px;
  margin-block: 1rem;
  transition: all ease-in-out 0.3s;
}

.block--action-dashboard .wpbf-button-large.depot-cta:hover {
  background: var(--wp--preset--color--secondary);
}

.block--action-dashboard .wpbf-button-large.reset-password {
  font-size: 0.9rem;
}

.block--action-dashboard .wpbf-button-large.reset-password:hover {
  color: var(--wp--preset--color--secondary);
}

/* --------------------------------------------------------------------------
   Logout
   -------------------------------------------------------------------------- */

#user-registration.horizontal .user-registration-MyAccount-content .logout {
  font-size: 0.9rem;
}

#user-registration.horizontal
  .user-registration-MyAccount-content
  .logout
  > a:hover {
  color: var(--wp--preset--color--secondary);
}

/* --------------------------------------------------------------------------
   Formulaire connexion
   -------------------------------------------------------------------------- */

body.user-registration-page
  #main
  #user-registration
  .user-registration-form-login.login
  label {
  color: var(--wp--preset--color--secondary);
}

body.user-registration-page
  #main
  #user-registration
  .user-registration-LostPassword.lost_password
  a {
  color: var(--wp--preset--color--secondary);
}

body.user-registration-page
  #main
  #user-registration
  .user-registration-LostPassword.lost_password
  a:hover {
  color: var(--wp--preset--color--primary);
}

body.user-registration-page
  #main
  #user-registration
  .user-registration-form-login.login
  .user-registration-Button.button {
  margin: 1rem 0;
  border-radius: 0;
  background-color: var(--wp--preset--color--primary);
}

/* --------------------------------------------------------------------------
   Formulaire profil
   -------------------------------------------------------------------------- */

.ur-frontend-form .ur-form-row .ur-form-grid label,
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label {
  font-size: 0.9rem;
  color: var(--wp--preset--color--secondary);
  font-weight: 400;
}

.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label .required {
  color: var(--wp--preset--color--secondary);
}

/* --------------------------------------------------------------------------
   Général
   -------------------------------------------------------------------------- */

#user-registration {
  background: transparent;
}

.user-registration-error,
.user-registration-message {
  background-color: var(--wp--preset--color--base);
}

.ur-frontend-form.login .ur-reset-password-btn {
  border-radius: 0 !important;
  border: 0;
  background: var(--wp--preset--color--primary);
}
.ur-frontend-form.login .ur-reset-password-btn:hover {
  background: var(--wp--preset--color--primary);
}