/* DN Store 2.6.15 — compact, accessible Login/Register tabs on My Account.
   Native WooCommerce authentication, notices and form submission are unchanged. */
body.woocommerce-account:not(.logged-in) .dns-inner-generic-page {
  width:min(640px,calc(100% - 40px));max-width:640px;
  margin:0 auto;padding:46px 0 80px;min-height:0;
}
body.woocommerce-account:not(.logged-in) .dns-inner-generic-page > article > h1 {
  margin:0 0 24px;text-align:center;font-size:clamp(28px,3vw,38px);
  line-height:1.15;letter-spacing:-.035em;
}
body.woocommerce-account:not(.logged-in) .dns-inner-generic-page .entry-content,
body.woocommerce-account:not(.logged-in) .dns-inner-generic-page .woocommerce {
  min-width:0;width:100%;font-size:14px;line-height:1.6;
}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tabs-v2615 {
  width:100%;max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;padding:5px;background:#f1f1ed;border:1px solid #e6e5e0;
  border-radius:14px 14px 0 0;box-sizing:border-box;
}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tabs-v2615[hidden] {display:none!important}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab {
  font:inherit;display:flex;justify-content:center;align-items:center;min-height:47px;
  border:1px solid transparent;border-radius:10px;background:transparent;
  color:#5d625d;cursor:pointer;font-size:15px;font-weight:750;line-height:1.25;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab[aria-selected="true"] {
  color:#fff!important;background:#171717!important;border-color:#171717!important;box-shadow:none;
}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab:hover:not([aria-selected="true"]) {color:#111;background:rgba(255,255,255,.65)}
body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab:focus-visible {outline:2px solid #245d44;outline-offset:2px;z-index:2}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login {
  display:block!important;max-width:520px;width:100%!important;min-width:0;margin:0 auto!important;
  padding:0!important;float:none!important;box-sizing:border-box;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login > .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login > .u-column2 {
  width:100%!important;max-width:none!important;min-width:0;float:none!important;
  display:block!important;clear:both!important;box-sizing:border-box!important;
  margin:0 0 16px!important;padding:25px 28px!important;
  border:1px solid #e6e6e3;border-radius:13px;background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.028);
}
/* The tab bar and the selected form read as a single, centered panel. */
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login.dns-account-tabs-ready > .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login.dns-account-tabs-ready > .u-column2 {
  border-top:0;border-radius:0 0 14px 14px;margin:0!important;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login.dns-account-tabs-ready > [hidden] {display:none!important}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login h2 {
  margin:0 0 20px;font-size:clamp(21px,2vw,25px);font-weight:800;line-height:1.25;letter-spacing:-.02em;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login form.login,
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login form.register {
  display:block;padding:0!important;margin:0!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .form-row {
  display:block;width:100%!important;float:none!important;clear:both;margin:0 0 16px!important;padding:0!important;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .form-row label {
  display:block;margin:0 0 6px;font-size:13px;color:#242424;font-weight:700;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login input.input-text {
  box-sizing:border-box;width:100%!important;max-width:none;min-height:48px;
  padding:11px 13px!important;border:1px solid #dcdedb!important;
  border-radius:8px;background:#fff;color:#161616;outline-offset:2px;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login input.input-text:focus {border-color:#627a65!important}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login button.button {
  min-height:44px;padding:10px 22px;border:1px solid #111;
  border-radius:8px;color:#fff;background:#111;box-shadow:none;font-weight:750;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login button.button:hover {background:#303030;color:#fff}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .woocommerce-form-login__rememberme {display:inline-flex;align-items:center;gap:7px;margin:0 12px 0 0}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .woocommerce-LostPassword {margin:12px 0 0;font-size:13px}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login :is(.woocommerce-privacy-policy-text,.woocommerce-password-hint,.woocommerce-password-strength) {font-size:12px;line-height:1.65}
@media(max-width:600px){
  body.woocommerce-account:not(.logged-in) .dns-inner-generic-page {width:calc(100% - 28px);padding:28px 0 56px}
  body.woocommerce-account:not(.logged-in) .dns-inner-generic-page > article > h1 {margin-bottom:20px}
  body.woocommerce-account:not(.logged-in) .woocommerce #customer_login > .u-column1,
  body.woocommerce-account:not(.logged-in) .woocommerce #customer_login > .u-column2 {padding:20px 18px!important}
  body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab{min-height:44px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){body.woocommerce-account:not(.logged-in) .woocommerce .dns-account-tab{transition:none}}

/* Tab labels are the visible section headings; retain the form's WooCommerce
   heading in the accessibility tree without repeating it on screen. */
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login.dns-account-tabs-ready h2 {
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

/* v2.6.16: native WooCommerce registration fields, no separate OTP widget yet. */
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .dns-registration-phone-help {
  display:block;margin:6px 0 0;font-size:12px;line-height:1.5;
  color:#737872;
}
body.woocommerce-account:not(.logged-in) .woocommerce #customer_login .dns-registration-phone-row input[type="tel"] {
  letter-spacing:.015em;font-variant-numeric:tabular-nums;
}
