/*! --------  Container principale -------- */
#wrap_all {
  background-color: var(--background-primary) !important;
  min-height: 100vh !important;
  border: none !important;
  vertical-align: baseline !important;
}

#main .container_wrap_first {
  max-width: 500px;
  border: none !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#main .container_wrap_first h2 {
  text-align: center;
}

#main .container_wrap_first .woocommerce-form-login {
  background-color: var(--background-primary);
  border: none;
  padding: 20px 0;
}

.woocommerce-form-row--wide:nth-child(2) {
  margin-bottom: 15px !important;
}

/*! --------  Image -------- */
.avia-image-container {
  margin-bottom: 80px !important;
}

/*! --------  Succès -------- */


/*! --------  Inputs -------- */
.woocommerce-form-row input {
  color: black !important;
}

.woocommerce-ResetPassword p:first-child {
  text-align: center !important;
}

.woocommerce-ResetPassword p:first-child {
  margin-bottom: 20px !important;
}

.woocommerce-form-row {
  width: 100% !important;
}

.woocommerce-form-row input[type="text"] {
  width: 100% !important;
}

/*! --------  Bouton Show password -------- */
/* Cache l'icône par défaut de WooCommerce */
.show-password-input::after {
  content: none !important;
}

/* Style du nouveau bouton */
.show-password-input {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s !important;
}

/* Hover effect */
.show-password-input:hover {
  opacity: 1 !important;
}

/* Icône œil ouvert (par défaut) */
.show-password-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Icône œil barré (quand le mot de passe est visible) */
.show-password-input.display-password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* Assure que le champ password a assez d'espace pour l'icône */
.password-input {
  position: relative !important;
  display: block !important;
}

.woocommerce-Input[type="password"] {
  padding-right: 40px !important;
}

/*! --------  Checkbox remember me -------- */
.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 5px !important;
}

input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 15px !important;
  height: 20px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;
}

input[type="checkbox"]:checked {
  background-color: yellow !important;
  border-color: #333 !important;
}

input[type="checkbox"]::after {
  content: "";
  position: absolute;
  width: 6px !important;
  height: 10px !important;
  border: solid #042036 !important;
  border-width: 0 2px 2px 0 !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  display: none !important;
}

input[type="checkbox"]:checked::after {
  display: block !important;
}

.woocommerce-form__label span {
  color: white !important;
}

/*! --------  Bouton -------- */
#main .button {
  width: 100% !important;
  margin: 15px 0 35px 0 !important;
  padding: 12px 0 !important;
  border-radius: 5px !important;
  font-weight: 900 !important;
}

.woocommerce-ResetPassword .button {
  font-family: inherit !important;
}

/*! --------  Lost password Text & Link -------- */
.woocommerce-LostPassword p {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-LostPassword a {
  color: white !important;
  font-weight: bold !important;
}

.woocommerce-LostPassword a:hover {
  text-decoration: underline !important;
}