/* =============================== */
/*  WooCommerce: Logowanie + Rejestracja  */
/* =============================== */

/* Zmienne kolorów */
: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;       /* żółty przycisk */
  --wc-accent-text:#111316 !important;  /* ciemny tekst na przycisku */
  --wc-link:#74a3ff !important;
}

/* Usunięcie tła kolumn Woo i standaryzacja */
.woocommerce-account .woocommerce .u-column1,
.woocommerce-account .woocommerce .u-column2{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

/* Karta – zarówno logowanie jak i rejestracja */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register{
  max-width:420px !important;
  margin:60px auto !important;
  padding:30px !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;
}

/* Nagłówki kart */
.woocommerce-account .woocommerce .u-column1 h2,
.woocommerce-account .woocommerce .u-column2 h2,
.woocommerce-account .woocommerce h2{
  text-align:center !important;
  margin:0 0 18px !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  color:#fff !important;
}

/* Wiersze i etykiety */
.woocommerce-account .woocommerce form.login .form-row,
.woocommerce-account .woocommerce form.register .form-row{
  margin:0 0 14px !important;
}
.woocommerce-account .woocommerce form.login label,
.woocommerce-account .woocommerce form.register label{
  display:block !important;
  margin:0 0 6px !important;
  font-size:13px !important;
  color:#c9ced6 !important;
}

/* Pola tekstowe */
.woocommerce-account .woocommerce form.login input.input-text,
.woocommerce-account .woocommerce form.register input.input-text,
.woocommerce-account .woocommerce form.register input[type="email"],
.woocommerce-account .woocommerce form.register input[type="text"],
.woocommerce-account .woocommerce form.register input[type="password"]{
  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-account .woocommerce ::placeholder{
  color:var(--wc-input-ph) !important;
  opacity:1 !important;
}
.woocommerce-account .woocommerce form.login input.input-text:focus,
.woocommerce-account .woocommerce form.register input.input-text:focus,
.woocommerce-account .woocommerce form.register input[type="email"]:focus,
.woocommerce-account .woocommerce form.register input[type="text"]:focus,
.woocommerce-account .woocommerce form.register input[type="password"]:focus{
  outline:none !important;
  box-shadow:0 0 0 2px rgba(245,237,74,.85) !important;
}

/* Pole hasła z „okiem” (login) */
.woocommerce-account .woocommerce form.login .password-input{
  position:relative !important;
}
.woocommerce-account .woocommerce form.login .password-input .show-password-input{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  background:transparent !important;
  width:32px !important;
  height:32px !important;
  cursor:pointer !important;
  color:#1b1f24 !important;
  opacity:.65 !important;
  transition:opacity .2s ease !important;
}
.woocommerce-account .woocommerce form.login .password-input .show-password-input:hover{
  opacity:1 !important;
}

/* Checkboxy: zapamiętaj mnie, polityka, regulamin */
.woocommerce-account .woocommerce .woocommerce-form__label-for-checkbox,
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce .woocommerce-form__input-checkbox{
  font-size:13px !important;
  color:var(--wc-muted) !important;
}
.woocommerce-account .woocommerce input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  accent-color:var(--wc-accent) !important;
}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text{
  margin:6px 0 10px !important;
}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text a{
  color:var(--wc-link) !important;
  text-decoration:none !important;
}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text a:hover{
  text-decoration:underline !important;
}

/* Przyciski */
.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.register button.button,
.woocommerce-account .woocommerce form.login button.woocommerce-Button,
.woocommerce-account .woocommerce form.register 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;
  letter-spacing:.1px !important;
  cursor:pointer !important;
  transition:filter .2s ease, transform .05s ease !important;
  margin-top:6px !important;
}
.woocommerce-account .woocommerce form.login button.button:hover,
.woocommerce-account .woocommerce form.register button.button:hover{
  filter:brightness(.95) !important;
}
.woocommerce-account .woocommerce form.login button.button:active,
.woocommerce-account .woocommerce form.register button.button:active{
  transform:translateY(1px) !important;
}

/* Link „Nie pamiętasz hasła?” */
.woocommerce-account .woocommerce form.login .lost_password{
  text-align:center !important;
  margin-top:14px !important;
  font-size:13px !important;
}
.woocommerce-account .woocommerce form.login .lost_password a{
  color:var(--wc-link) !important;
  text-decoration:none !important;
}
.woocommerce-account .woocommerce form.login .lost_password a:hover{
  text-decoration:underline !important;
}

/* Wstawiane przez funkcję linki pod loginem */
.wc-login-meta{
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
  margin:10px 0 16px !important;
  font-size:13px !important;
  color:var(--wc-muted) !important;
}
.wc-login-meta a{
  color:var(--wc-link) !important;
  text-decoration:none !important;
}
.wc-login-meta a:hover{ text-decoration:underline !important; }

.wc-login-footer{
  text-align:center !important;
  font-size:13px !important;
  color:var(--wc-muted) !important;
  margin-top:6px !important;
}
.wc-login-footer a{
  color:var(--wc-link) !important;
  text-decoration:none !important;
}
.wc-login-footer a:hover{ text-decoration:underline !important; }

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a{
    color: #74A3FF !important;
}

/* Komunikaty Woo */
.woocommerce-notices-wrapper,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  border:0 !important;
  color:#ffb4b4 !important;
  border-radius:12px !important;
  padding:12px 14px !important;
}

/* Ustawienia kolorystyki panelu Woo */
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {
    color: #f6e64c !important;
}

/* Responsywność */
@media (max-width:480px){
  .woocommerce-account .woocommerce form.login,
  .woocommerce-account .woocommerce form.register{ 
    margin:40px 16px !important; 
    padding:24px !important; 
    border-radius:14px !important;
  }
  .woocommerce-account .woocommerce h2{ 
    font-size:20px !important; 
  }
}