/* Only active on the logged-out account page when the URM login form exists. */
body.vp-login-page:has(#main form.user-registration-form-login) #main {
 --vp-login-ink:#153344; --vp-login-blue:#1e659c; --vp-login-line:#dbe5ed;
 background:#f8fafc;
}
body.vp-login-page:has(#main form.user-registration-form-login) #main > .my-account-header {display:none;}
body.vp-login-page:has(#main form.user-registration-form-login) #main > .page-wrapper.my-account {padding:56px 24px 64px;margin:0;}
body.vp-login-page:has(#main form.user-registration-form-login) #main > .page-wrapper.my-account > .container {width:100%;max-width:none;padding:0;}
body.vp-login-page:has(#main form.user-registration-form-login) #main .page-wrapper.my-account > .container > .woocommerce {max-width:560px;margin:0 auto;}
body.vp-login-page #main .login-registration,
body.vp-login-page #main .login-registration * {box-sizing:border-box;}
body.vp-login-page #main .login-registration.ur-frontend-form {width:100%;max-width:560px;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.vp-login-page #main .login-registration .ur-form-row {display:block;margin:0!important;}
body.vp-login-page #main .login-registration .ur-form-grid {width:100%!important;max-width:100%;padding:0!important;margin:0!important;}
body.vp-login-page #main .login-registration .vp-login-intro {margin:0 0 28px;}
body.vp-login-page #main .login-registration .vp-login-intro h1,
body.vp-login-page #main .login-registration .ur-form-title {font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-1px;text-transform:none;color:var(--vp-login-ink);margin:0 0 14px;}
body.vp-login-page #main .login-registration .vp-login-intro p {font-size:16px;line-height:1.65;color:#526b7d;margin:0;}
body.vp-login-page #main .login-registration #user-registration {width:100%;max-width:none;padding:32px!important;margin:0!important;background:#fff!important;border:1px solid var(--vp-login-line)!important;border-radius:8px;box-shadow:0 8px 28px rgba(18,48,69,.045)!important;}
body.vp-login-page #main .login-registration #ur-frontend-form {width:100%;max-width:none;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.vp-login-page #main form.user-registration-form-login {margin:0!important;padding:0!important;border:0!important;}
body.vp-login-page #main form.user-registration-form-login .form-row {width:100%;float:none;padding:0!important;margin:0 0 22px!important;}
body.vp-login-page #main form.user-registration-form-login label {font-size:13px;font-weight:600;line-height:1.5;color:var(--vp-login-ink);}
body.vp-login-page #main form.user-registration-form-login [data-field="username"] > label,
body.vp-login-page #main form.user-registration-form-login [data-field="password"] > label {display:block;margin:0 0 9px;}
body.vp-login-page #main form.user-registration-form-login input[type="text"],
body.vp-login-page #main form.user-registration-form-login input[type="email"],
body.vp-login-page #main form.user-registration-form-login input[type="password"] {width:100%;max-width:100%;height:48px;min-height:48px;margin:0;padding:10px 13px;border:1px solid #cbd9e4!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;font:inherit;font-size:16px;line-height:1.4;color:var(--vp-login-ink);}
body.vp-login-page #main form.user-registration-form-login input[type="password"] {padding-right:42px;}
body.vp-login-page #main form.user-registration-form-login input:focus,
body.vp-login-page #main form.user-registration-form-login button:focus-visible,
body.vp-login-page #main .login-registration a:focus-visible {outline:2px solid var(--vp-login-blue)!important;outline-offset:3px;}
body.vp-login-page #main form.user-registration-form-login .required {color:#b44545;visibility:visible;}
body.vp-login-page #main form.user-registration-form-login .input-wrapper,
body.vp-login-page #main form.user-registration-form-login .password-input-group {max-width:100%;}
body.vp-login-page #main form.user-registration-form-login #ur-recaptcha-node {margin:0 0 22px;max-width:100%;}
body.vp-login-page #main form.user-registration-form-login .user-registration-before-login-btn {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin:0;}
body.vp-login-page #main form.user-registration-form-login [data-field="remember-me"] label {display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:400;}
body.vp-login-page #main form.user-registration-form-login input[type="checkbox"] {width:16px;height:16px;min-height:0;margin:0;flex:0 0 auto;accent-color:var(--vp-login-blue);}
body.vp-login-page #main form.user-registration-form-login .lost_password,
body.vp-login-page #main form.user-registration-form-login .lost_password label {margin:0;font-size:14px;font-weight:400;}
body.vp-login-page #main .login-registration a {color:var(--vp-login-blue);text-decoration:underline;text-underline-offset:3px;}
body.vp-login-page #main form.user-registration-form-login button[name="login"] {width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:13px 24px;border:1px solid var(--vp-login-blue)!important;border-radius:4px!important;background:var(--vp-login-blue)!important;color:#fff!important;box-shadow:none!important;font-size:15px;line-height:1.5;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;}
body.vp-login-page #main form.user-registration-form-login button[name="login"]:hover {background:#174e7a!important;}
body.vp-login-page #main form.user-registration-form-login button[name="login"]:disabled {opacity:.65;cursor:wait;}
body.vp-login-page #main form.user-registration-form-login .user-registration-register {margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--vp-login-line);text-align:center;font-size:16px;line-height:1.6;}
@media(max-width:640px) {
 body.vp-login-page:has(#main form.user-registration-form-login) #main > .page-wrapper.my-account {padding:32px 12px 40px;}
 body.vp-login-page #main .login-registration #user-registration {padding:24px 20px!important;}
 body.vp-login-page #main .login-registration .vp-login-intro h1 {font-size:30px;}
}
/* Leave at least 300px inside the card for the existing Turnstile widget. */
@media(max-width:360px) {
 body.vp-login-page:has(#main form.user-registration-form-login) #main > .page-wrapper.my-account {padding-left:6px;padding-right:6px;}
 body.vp-login-page #main .login-registration #user-registration {padding-left:3px!important;padding-right:3px!important;}
}