/* ---- Password reveal (eye) button: small icon inside the field ---- */
span.password-input{position:relative;display:block;width:100%}
span.password-input input.input-text{padding-right:52px!important}
button.show-password-input,
.woocommerce-form-login button.show-password-input,
.woocommerce-form-register button.show-password-input,
.woocommerce form button.show-password-input{
  position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;
  width:36px!important;height:36px!important;min-height:0!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
  border-radius:8px!important;color:var(--muted,#93a3b3)!important;
  cursor:pointer;display:flex!important;align-items:center;justify-content:center;
  font-size:15px;line-height:1}
button.show-password-input:hover,
.woocommerce form button.show-password-input:hover{
  background:rgba(255,255,255,.07)!important;color:var(--txt,#fff)!important;
  transform:translateY(-50%)!important;filter:none!important;box-shadow:none!important}

/* ---- Login / Register two-card layout ---- */
#customer_login{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:48px auto 64px;padding:0 20px}
/* WooCommerce's .col2-set clearfix (::before/::after) becomes a phantom grid
   item that occupies the first cell and shoves the two cards out of place —
   remove it and pin each card to its cell. */
#customer_login::before,#customer_login::after{content:none!important;display:none!important}
#customer_login .u-column1{grid-column:1;grid-row:1}
#customer_login .u-column2{grid-column:2;grid-row:1}
@media(max-width:860px){
  #customer_login .u-column1{grid-column:1;grid-row:1}
  #customer_login .u-column2{grid-column:1;grid-row:2}
}
@media(max-width:860px){#customer_login{grid-template-columns:1fr;max-width:520px}}
#customer_login .u-column1,#customer_login .u-column2{
  width:100%;margin:0;float:none;
  background:linear-gradient(180deg,var(--panel,#111823),var(--bg2,#0c121b));
  border:1px solid var(--line2,rgba(150,200,214,.2));border-radius:20px;padding:34px 30px}
#customer_login h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 22px}
/* kill inner double borders — the card is the only surface */
#customer_login form.woocommerce-form{border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
#customer_login .form-row{display:block;margin:0 0 16px;padding:0}
#customer_login label{display:block;font-family:var(--display,'Sora',sans-serif);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim,#5f7180);margin-bottom:6px}
#customer_login .input-text,#customer_login select{width:100%}
#customer_login input[type=checkbox]{width:auto;accent-color:var(--green,#5cc0ff)}
/* full-width submits */
#customer_login button[type=submit]{width:100%!important;justify-content:center;margin-top:4px}
/* Remember me: normal-case inline row, not an uppercase field label */
#customer_login .woocommerce-form-login__rememberme{
  display:flex!important;align-items:center;gap:9px;margin:0 0 16px;
  font-size:14px!important;letter-spacing:0!important;text-transform:none!important;
  color:var(--muted,#93a3b3)!important;cursor:pointer}
#customer_login .woocommerce-form-login__rememberme span{margin:0}
#customer_login .lost_password{margin:14px 0 0;text-align:center}
#customer_login .lost_password a{color:var(--muted,#93a3b3);font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
#customer_login .lost_password a:hover{color:var(--txt,#fff)}
/* privacy blurb */
#customer_login .woocommerce-privacy-policy-text p{color:var(--muted,#93a3b3);font-size:13px;line-height:1.65}
#customer_login .woocommerce-privacy-policy-text a{color:var(--txt,#fff)}
/* required asterisk on-brand */
#customer_login .required{color:var(--green,#5cc0ff)}