/* ============================================================
   asound account v2 — CSS (tokeny 1:1 z checkout v2)
   Scope: klasy .asacc-* + notices na body.woocommerce-account.
   Nie dotyka headera/footera ani zalogowanej części konta
   (dashboard/orders — Tailwind), poza notices.
   ============================================================ */

.asacc{
  --asacc-b50:#F6F6F6; --asacc-b100:#E7E7E7; --asacc-b200:#D1D1D1; --asacc-b300:#B0B0B0;
  --asacc-b400:#888888; --asacc-b500:#6D6D6D; --asacc-b600:#5D5D5D; --asacc-b800:#454545;
  --asacc-b950:#000000;
  --asacc-red:#DA0E16; --asacc-red-h:#A50F15; --asacc-ok:#1B7F3B;
  --asacc-hair:#F0F0F0; --asacc-hair2:#F5F5F5;
  color:var(--asacc-b950);
}

/* ---------- layout ---------- */
.asacc-wrap{max-width:980px;margin:0 auto;padding:36px 0 56px;}
.asacc-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;}
@media (min-width:1024px){ .asacc-grid{grid-template-columns:1fr 1fr;gap:28px;} }
.asacc-single{max-width:520px;margin:0 auto;}

/* ---------- karta ---------- */
.asacc-card{border:1px solid var(--asacc-b100);border-top:2px solid var(--asacc-b950);background:#fff;padding:22px 22px 26px;}
.asacc-card h2{font-size:16.5px;font-weight:600;letter-spacing:.01em;margin:0;padding:0;border:none;}
.asacc-lead{font-size:13px;color:var(--asacc-b500);margin:8px 0 0;line-height:1.5;}

/* ---------- pola ---------- */
.asacc-card .form-row{margin:16px 0 0;padding:0;}
.asacc-card .form-row label{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--asacc-b500);margin-bottom:6px;}
.asacc-card .form-row label .required{color:var(--asacc-red);text-decoration:none;}
.asacc-card .form-row input.input-text{
  width:100%;height:48px;border:1px solid var(--asacc-b200);background:#fff;border-radius:0;
  padding:0 14px;font:inherit;font-size:16px;font-weight:500;color:var(--asacc-b950);appearance:none;box-shadow:none;
}
.asacc-card .form-row input.input-text:focus{border-color:var(--asacc-b950);outline:none;}
.asacc-card .form-row input.input-text::placeholder{color:var(--asacc-b300);font-weight:400;}
.asacc-card :focus-visible{outline:none;box-shadow:0 0 0 3px rgba(218,14,22,.18),0 0 0 1.5px var(--asacc-red);}

/* pokaż-hasło (natywny WC show-password-input) */
.asacc-card .password-input{position:relative;display:block;}
.asacc-card .show-password-input{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;}
.asacc-card .show-password-input::after{color:var(--asacc-b500);}

/* miernik siły hasła (natywny WC) */
.asacc-card .woocommerce-password-strength{font-size:12.5px;margin-top:6px;padding:4px 0;text-align:left;}
.asacc-card .woocommerce-password-strength.short,.asacc-card .woocommerce-password-strength.bad{color:var(--asacc-red);}
.asacc-card .woocommerce-password-strength.good,.asacc-card .woocommerce-password-strength.strong{color:var(--asacc-ok);}
.asacc-card .woocommerce-password-hint{font-size:12.5px;color:var(--asacc-b500);}

/* helper pod polem */
.asacc-hint{font-size:12.5px;color:var(--asacc-b500);margin:6px 0 0;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;}

/* ---------- wiersz zapamiętaj / nie pamiętasz hasła ---------- */
.asacc-row-split{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;}
.asacc-remember{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--asacc-b800);cursor:pointer;margin:0;font-weight:400;text-transform:none;letter-spacing:0;}
.asacc-remember input[type="checkbox"]{width:18px;height:18px;accent-color:var(--asacc-red);margin:0;flex:none;}
.asacc-link{font-size:13px;color:var(--asacc-b800);text-decoration:underline;text-underline-offset:2px;}
.asacc-link:hover{color:var(--asacc-b950);}

/* ---------- CTA ---------- */
.asacc-btn,
button.asacc-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;
  border:none;border-radius:9999px;background:var(--asacc-red);color:#fff;
  font:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s;
  margin-top:18px;padding:0 22px;
}
.asacc-btn:hover,button.asacc-btn:hover{background:var(--asacc-red-h);color:#fff;}

/* ---------- korzyści konta ---------- */
.asacc-hairline{border:none;border-top:1px solid var(--asacc-hair);margin:18px 0 6px;}
.asacc-trust{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--asacc-b800);padding:8px 0;border-bottom:1px solid var(--asacc-hair2);}
.asacc-trust:last-of-type{border-bottom:none;}
.asacc-trust svg{flex:none;color:var(--asacc-b600);}

/* ---------- polityka prywatności / stopka karty ---------- */
.asacc-privacy,.asacc-privacy p,.asacc-card .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--asacc-b500);margin:14px 0 0;line-height:1.55;}
.asacc-privacy a,.asacc-card .woocommerce-privacy-policy-text a{text-decoration:underline;text-underline-offset:2px;color:inherit;}
.asacc-back{text-align:center;margin:16px 0 0;font-size:13px;}
.asacc-back a{color:var(--asacc-b800);text-decoration:underline;text-underline-offset:2px;}

/* Turnstile widget (guard renderuje na końcu formularza rejestracji) */
.asacc-card .cf-turnstile{margin-top:14px;}

/* ---------- notices w stylu v2 (cała strona konta) ---------- */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info{
  border:1px solid #E7E7E7;border-left:4px solid #000;background:#F6F6F6;
  padding:12px 16px;font-size:13.5px;margin:0 0 18px;color:#000;list-style:none;
}
body.woocommerce-account .woocommerce-error{
  border:1px solid #DA0E16;border-left:4px solid #DA0E16;background:#FFF1F2;
  padding:12px 16px 12px 28px;font-size:13.5px;margin:0 0 18px;color:#000;
}
body.woocommerce-account .woocommerce-error li{margin:2px 0;}
body.woocommerce-account .woocommerce-message a,
body.woocommerce-account .woocommerce-info a{text-decoration:underline;text-underline-offset:2px;color:inherit;}
