/* Progressive enhancement: without JS the native login/register forms remain available. */
.woocommerce #customer_login.hpl-auth-tabs{display:block!important;float:none!important;width:100%;max-width:600px;margin:0 auto}
.woocommerce #customer_login.hpl-auth-tabs>.col-1,.woocommerce #customer_login.hpl-auth-tabs>.col-2{display:block;float:none!important;width:100%!important;padding:0;margin:0!important}
.woocommerce #customer_login.hpl-auth-tabs>[hidden]{display:none!important}
.woocommerce #customer_login.hpl-auth-tabs>.col-1>h2,.woocommerce #customer_login.hpl-auth-tabs>.col-2>h2{display:none}
.hpl-auth-tabs .hpl-account-tabs{display:flex;gap:6px;border-bottom:1px solid #dce4ee;margin:0 0 24px;padding:0}
.hpl-auth-tabs .hpl-account-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:transparent;padding:14px 18px;margin:0 0 -1px;color:var(--hpl-account-ink,#17243b);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;line-height:1.5;border-radius:6px 6px 0 0;min-height:48px;box-shadow:none;text-transform:none;letter-spacing:0}
.hpl-auth-tabs .hpl-account-tabs button[aria-selected=true]{color:var(--hpl-account-primary,#0965d9);border-bottom-color:var(--hpl-account-primary,#0965d9);background:#f1f6fd}
.hpl-auth-tabs .hpl-account-tabs button:focus-visible{outline:2px solid var(--hpl-account-primary,#0965d9);outline-offset:3px}
.hpl-auth-tabs [role=tabpanel]{outline-offset:5px}
.woocommerce .hpl-password-help{font-size:13px;line-height:1.6;color:#526174;margin:8px 0 18px}
.hpl-profile-intro{background:#f2f7fd;border:1px solid #dae6f7;border-radius:8px;padding:18px;margin-bottom:24px}
.hpl-profile-intro h2{font-size:22px;margin:0 0 8px}.hpl-profile-intro p{font-size:14px;margin:0;line-height:1.6}
@media(max-width:600px){.hpl-auth-tabs .hpl-account-tabs button{padding:12px 8px;font-size:15px}}
/* The initial completion step focuses on personal data; password was just created. */
.hpl-profile-intro + .woocommerce-EditAccountForm fieldset{display:none}
.hpl-auth-tabs .hpl-account-tabs #hpl-account-tab-1{background:var(--hpl-account-primary,#0965d9);color:#fff;border-bottom-color:var(--hpl-account-primary,#0965d9);border-radius:6px;font-weight:700}
.hpl-auth-tabs .hpl-account-tabs #hpl-account-tab-1:hover{filter:brightness(.93)}
.hpl-auth-tabs .hpl-account-tabs #hpl-account-tab-1[aria-selected=true]{box-shadow:inset 0 -3px 0 #ffffff88}