/* =========================
   PAGE "Mot de passe perdu ?" (endpoint Woo)
   ========================= */

/* 0) Sur l’endpoint, on masque les onglets */
body.woocommerce-lost-password.page-id-10 #page-container .myr-tabs{
  display: none !important;
}

/* 1) La carte = le formulaire de reset */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password{
  max-width: var(--card-w) !important;
  margin: 0 auto !important;
  padding: var(--card-pad) !important;

  background: #fff !important;
  border: 1px solid #e9edf1 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.10) !important;
}

/* 2) Titres & textes comme sur la carte login */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password h2{
  font-size: 1.9rem !important;
  line-height: 1.2 !important;
  color: #0b3a3c !important;
  margin: 0 0 14px !important;
  text-align: center !important;
}
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password p{
  margin-bottom: 14px !important;
}

/* 3) Champs identiques */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .input-text{
  width: 100% !important;
  height: 44px !important;
  padding: 10px 14px !important;
  font-size: .98rem !important;
  border: 1px solid #e6eaee !important;
  border-radius: 12px !important;
  transition: border-color .2s, box-shadow .2s !important;
  background: #fff !important;
}
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .input-text:focus{
  border-color: #5cc2bf !important;
  box-shadow: 0 0 0 3px rgba(92,194,191,.2) !important;
  outline: 0 !important;
}

/* 4) CTA orange comme ailleurs */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password button.button,
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password input.button{
  width: 100% !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  background: #FF9C00 !important;
  color: #fff !important;
  letter-spacing: .02em !important;
  box-shadow: 0 10px 22px rgba(255,156,0,.25) !important;
  transition: transform .06s, box-shadow .2s, filter .2s !important;
}
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password button.button:hover,
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password input.button:hover{
  filter: brightness(.96) !important;
}

/* 5) Petit lien de retour mieux visible si présent */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce a{
  text-underline-offset: 2px;
}

/* 6) Responsive : mêmes limites que la carte principale */
@media (max-width: 980px){
  body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password{
    max-width: 92vw !important;
    padding: 20px !important;
  }
  body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password h2{
    font-size: 1.7rem !important;
  }
}

/* Bouton retour — sous le CTA et centré (lost-password, page 10) */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .myr-back-login{
  text-align:center; margin-top:12px;
}
body.woocommerce-lost-password.page-id-10 #page-container .myr-back-login__btn{
  display:inline-block; padding:10px 14px; border-radius:10px;
  background:#f3f7f9; color:#0b3a3c; font-weight:700; text-decoration:none;
  border:1px solid #e6eaee;
}
body.woocommerce-lost-password.page-id-10 #page-container .myr-back-login__btn:hover{
  background:#e9f3f3;
}

/* LOST PASSWORD — champs pleine largeur */
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .form-row,
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .form-row-first,
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .form-row-last{
  display:block !important;
  width:100% !important;
  float:none !important;
  clear:both !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password label{
  display:block !important;
  margin:0 0 6px !important;
}

body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password .input-text,
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password input[type="email"],
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password input[type="text"],
body.woocommerce-lost-password.page-id-10 #page-container .woocommerce form.lost_reset_password input[type="password"]{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  display:block !important;
}