/* ===== Kelsper Drip – Auth Card (blue / white / grey) ===== */

/* Card */
.kd-auth{
  max-width:1120px; margin:2rem auto;
  background:var(--kd-white); color:var(--kd-grey);
  border-radius:18px; box-shadow:var(--kd-shadow); overflow:hidden;
}

/* Tabs */
.kd-tabs{
  display:flex; gap:6px; padding:6px; margin:12px 16px 8px;
  background:#F6F7FA; border-radius:16px; border:0;
}
.kd-tab{
  flex:1; text-align:center; padding:14px 16px; cursor:pointer; font-weight:700;
  background:transparent; border:0; border-radius:12px; color:var(--kd-grey);
  transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.kd-tab:hover{ background:rgba(0,0,0,.05); }
.kd-tab.is-active{ background:#0E1420; color:#fff; box-shadow:inset 0 -3px 0 var(--kd-blue); }
.kd-tab:focus-visible{ outline:none; box-shadow:inset 0 -3px 0 var(--kd-blue); }

/* Panes */
.kd-pane{ display:none; padding:36px; }
.kd-pane.is-active{ display:block; }

/* Fieldset shell */
.kd-auth .woocommerce fieldset{
  border:1px solid var(--kd-border) !important;
  border-radius:12px !important;
  padding:30px !important;
  background:var(--kd-white) !important;
  margin:10px 0 14px !important;
}

/* Base form rhythm */
.kd-auth .woocommerce .form-row{ margin-bottom:22px; }

/* Inputs */
.kd-auth .woocommerce input[type="text"],
.kd-auth .woocommerce input[type="email"],
.kd-auth .woocommerce input[type="password"],
.kd-auth .woocommerce .form-row .input-text{
  background:var(--kd-white) !important; color:var(--kd-grey) !important;
  border:1px solid var(--kd-border) !important; border-radius:12px !important;
  padding:16px 18px !important; box-shadow:none !important;
}
.kd-auth .woocommerce .form-row .input-text:focus{
  outline:none !important; border-color:var(--kd-blue) !important;
  box-shadow:0 0 0 3px rgba(0,103,255,.25) !important;
}

/* Buttons inside the card */
.kd-auth .woocommerce form .button, .kd-auth .button{
  background:var(--kd-blue) !important; color:var(--kd-white) !important;
  border:none !important; border-radius:12px !important;
  font-weight:800 !important; padding:12px 18px !important;
}
.kd-auth .woocommerce form .button:hover{ filter:brightness(.96); }

/* Links inside card */
.kd-auth a{ color:var(--kd-blue); }
.kd-auth a:hover{ opacity:.85; }

/* Checkbox line tidy */
.kd-auth .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:8px; margin:4px 0 0;
}

/* SSO spacing */
.kd-auth .wc-social-login{ margin:6px 0 18px; }

/* Accessibility */
.kd-auth .button:focus-visible,
.kd-auth button:focus-visible{ outline:3px solid rgba(0,103,255,.35); outline-offset:2px; }

/* Autofill */
.kd-auth input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--kd-white) inset !important;
  -webkit-text-fill-color:var(--kd-grey) !important; caret-color:var(--kd-grey);
}

/* ===== Layout: LOGIN grid (desktop) ===== */
@media (min-width:900px){
  .kd-auth .woocommerce .woocommerce-form-login fieldset{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    column-gap:36px; row-gap:22px; align-items:start;
  }

  /* kill Woo floats/widths inside the grid */
  .kd-auth .woocommerce .woocommerce-form-login .form-row-first,
  .kd-auth .woocommerce .woocommerce-form-login .form-row-last,
  .kd-auth .woocommerce .woocommerce-form-login .form-row{
    width:100% !important; margin:0 !important; float:none !important;
  }

  /* Username full-width on top */
  .kd-auth .woocommerce .woocommerce-form-login .woocommerce-form-row--username{ grid-column:1 / -1; }

  /* Lost password under everything */
  .kd-auth .woocommerce .woocommerce-form-login .lost_password{ grid-column:1 / -1; margin-top:4px; }

  /* Button sits nicely next to checkbox */
  .kd-auth .woocommerce .woocommerce-form-login button.button{ margin-top:0; }
}

/* ===== Mobile comfort ===== */
@media (max-width:899.98px){
  .kd-pane{ padding:24px; }
  .kd-auth .woocommerce fieldset{ padding:22px !important; }
}