/* =============================== */
/* WooCommerce – Przypomnienie hasła */
/* =============================== */

/* Zmienne */
:root{
  --wc-bg:#0f1115 !important;
  --wc-text:#d8dbe1 !important;
  --wc-muted:#aab0bb !important;
  --wc-input-bg:#ffffff !important;
  --wc-input-text:#111316 !important;
  --wc-input-ph:#7a7f88 !important;
  --wc-accent:#F5ED4A !important;
  --wc-accent-text:#111316 !important;
  --wc-link:#74a3ff !important;
}

/* Karta resetu hasła (działa na /moje-konto/lost-password i w modalu) */
.woocommerce .lost_reset_password,
.wc-lostpass-card{
  max-width:420px !important;
  margin:60px auto !important;
  padding:28px !important;
  background:var(--wc-bg) !important;
  color:var(--wc-text) !important;
  border-radius:16px !important;
  box-shadow:0 12px 40px rgba(0,0,0,.45) !important;
  border:0 !important;
  position:relative !important;
}

/* X w prawym górnym rogu (jeśli używasz modala) */
.wc-lostpass-card .wc-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:28px !important;
  height:28px !important;
  line-height:28px !important;
  text-align:center !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#cbd1db !important;
  cursor:pointer !important;
  transition:transform .15s ease, background .2s ease, color .2s ease !important;
}
.wc-lostpass-card .wc-close:hover{ background:#1a1d24 !important; color:#fff !important; transform:rotate(90deg) !important; }

/* Nagłówek i podtytuł */
.wc-lostpass-header h2,
.woocommerce .wc-lostpass-title{
  text-align:center !important;
  margin:0 0 6px !important;
  font-size:22px !important;
  font-weight:700 !important;
  color:#fff !important;
}
.wc-lostpass-header p.subtitle,
.woocommerce .lost_reset_password > p:first-child{
  /* WooCommerce domyślnie ma opis jako pierwszy <p> w formie */
  text-align:center !important;
  margin:0 0 18px !important;
  font-size:13px !important;
  color:#c9ced6 !important;
}

/* Etykieta i pole e-mail */
.woocommerce .lost_reset_password label{
  display:block !important;
  margin:0 0 6px !important;
  font-size:13px !important;
  color:#c9ced6 !important;
}
.woocommerce .lost_reset_password input.input-text,
.woocommerce .lost_reset_password input[type="email"],
.woocommerce .lost_reset_password input[type="text"]{
  width:100% !important;
  height:44px !important;
  padding:14px 16px !important;
  background:var(--wc-input-bg) !important;
  color:var(--wc-input-text) !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 0 0 2px rgba(255,255,255,0) !important;
  transition:box-shadow .15s ease !important;
}
.woocommerce ::placeholder{ color:var(--wc-input-ph) !important; opacity:1 !important; }
.woocommerce .lost_reset_password input:focus{
  outline:none !important;
  box-shadow:0 0 0 2px rgba(245,237,74,.85) !important;
}

/* Przycisk „Wyślij link do zmiany hasła” */
.woocommerce .lost_reset_password button.button,
.woocommerce .lost_reset_password button.woocommerce-Button{
  width:100% !important;
  height:48px !important;
  border-radius:24px !important;
  border:0 !important;
  background:var(--wc-accent) !important;
  color:var(--wc-accent-text) !important;
  font-weight:700 !important;
  font-size:16px !important;
  cursor:pointer !important;
  transition:filter .2s ease, transform .05s ease !important;
  margin-top:8px !important;
}
.woocommerce .lost_reset_password button.button:hover{ filter:brightness(.95) !important; }
.woocommerce .lost_reset_password button.button:active{ transform:translateY(1px) !important; }

/* Stopka: „Nie masz konta? Zarejestruj się” */
.wc-lostpass-footer{
  text-align:center !important;
  font-size:13px !important;
  color:#cbd1db !important;
  margin-top:14px !important;
}
.wc-lostpass-footer a{
  color:var(--wc-link) !important;
  text-decoration:none !important;
}
.wc-lostpass-footer a:hover{ text-decoration:underline !important; }

/* Komunikaty Woo */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  background:#1a1d24 !important;
  border:0 !important;
  color:#ffb4b4 !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  margin-bottom:14px !important;
}

/* Responsywność */
@media (max-width:480px){
  .woocommerce .lost_reset_password,
  .wc-lostpass-card{
    margin:40px 16px !important;
    padding:22px !important;
    border-radius:14px !important;
  }
}