/* Core WordPress handles credentials, MFA and reset links; this is branding only. */
body.login{min-height:100dvh;background:#f7f4f2;color:#352d2c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.login #login{width:min(420px,calc(100% - 40px));padding:8vh 20px 32px}
.login h1{padding:25px;border-radius:22px;background:#2d2424;text-align:center}
.login h1 a{width:126px;height:45px;margin:0 auto;background-size:contain;background-position:center;background-repeat:no-repeat}
.w4u-login-intro{padding:25px 0 8px;text-align:center}
.w4u-login-intro p{margin:0 0 10px;color:#876060;font-size:11px;font-weight:700;letter-spacing:.14em}
.w4u-login-intro h2{margin:0;color:#2d2424;font-size:26px;font-weight:650;line-height:1.3;letter-spacing:-.03em}
.login form{margin:18px 0 0;padding:28px;border:1px solid #e6dedb;border-radius:22px;background:#fffdfa;box-shadow:none}
.login label{color:#655b58;font-size:14px;font-weight:550}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email],.login input[type=tel],.login input[type=number]{box-sizing:border-box;min-height:48px;margin:9px 0 20px;padding:10px 13px;border:1px solid #decfca;border-radius:12px;background:#fff;color:#352d2c;font-family:inherit;font-size:16px;box-shadow:none}
.login input:focus{border-color:#876060;box-shadow:0 0 0 3px #87606022;outline:none}
.login input[type=checkbox]{border-color:#876060;border-radius:4px;box-shadow:none}
.login input[type=checkbox]:checked::before{color:#876060}
.login .button-primary{min-height:44px;padding:9px 20px;border:2px solid #876060;border-radius:28px;background:#876060;color:#fffdfa;font:650 14px/1.3 Inter,system-ui,sans-serif;box-shadow:none;text-shadow:none;cursor:pointer}
.login .button-primary:hover,.login .button-primary:focus{border-color:#6f5051;background:#6f5051;color:#fffdfa}
.login .button-primary:focus-visible,.login a:focus-visible{outline:3px solid #87606088;outline-offset:3px}
.login .button.wp-hide-pw{color:#876060;box-shadow:none;background:transparent}
.login .button.wp-hide-pw:hover{color:#2d2424;background:#f3e9e6}
.login #nav,.login #backtoblog{padding:0 10px;text-align:center}
.login #nav a,.login #backtoblog a,.login a{color:#876060}
.login #nav a:hover,.login #backtoblog a:hover,.login a:hover{color:#6f5051}
.login .message,.login .notice,.login #login_error{padding:14px 18px;border:1px solid #decfca;border-left:4px solid #876060;border-radius:12px;background:#fffdfa;color:#655b58;box-shadow:none}
.login .language-switcher select{min-height:40px;padding:8px 12px;border:1px solid #decfca;border-radius:12px;background:#fffdfa;color:#352d2c}
.login .language-switcher .button{min-height:40px;margin-left:5px;padding:8px 16px;border:1px solid #876060;border-radius:22px;background:#fffdfa;color:#876060;box-shadow:none}
.login .language-switcher .button:hover{background:#f3e9e6;color:#2d2424}
@media(max-width:480px){.login #login{padding:24px 20px}.login form{padding:22px}.w4u-login-intro h2{font-size:23px}}
/* Compact header and the same language control used in Agency Hub. */
.login #login{box-sizing:border-box;width:min(480px,calc(100% - 28px))!important;padding:22px 14px!important}
.login #login>h1,.login .language-switcher{display:none!important}
.w4u-login-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-radius:18px;background:#2d2424}
.w4u-login-logo{display:block}.w4u-login-logo img{display:block;width:110px;height:auto}
.w4u-login-locale{position:relative;flex:none}
.login [data-login-language-trigger]{display:flex;align-items:center;gap:8px;height:42px;min-width:92px;padding:8px 12px;border:1px solid #decfca;border-radius:24px;background:#fffdfa;color:#655b58;box-shadow:none;font:600 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.login [data-login-language-trigger] svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.login [data-login-language-trigger] .w4u-login-chevron{width:12px;height:12px;stroke-width:1.6}
.login [data-login-language-trigger]:hover{border-color:#876060;background:#f3e9e6;color:#2d2424}.login [data-login-language-trigger][aria-expanded=true]{border-color:#876060;background:#876060;color:#fffdfa}
#w4u-login-language-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:218px;padding:8px;border:1px solid #decfca;border-radius:18px;background:#fffdfa;box-shadow:0 12px 30px #2d24241a}#w4u-login-language-menu[hidden]{display:none!important}
#w4u-login-language-menu p{margin:5px 10px 10px;color:#756968;font:500 12px/1.4 Inter,system-ui,sans-serif}
.login #w4u-login-language-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;margin:3px 0;padding:11px 12px;border:1px solid #e8e0dc;border-radius:11px;background:#fffdfa;color:#352d2c;font:500 14px/1.3 Inter,system-ui,sans-serif;box-shadow:none;cursor:pointer}.login #w4u-login-language-menu button span{font-size:11px;opacity:.8}.login #w4u-login-language-menu button[aria-checked=true]{border-color:#876060;background:#876060;color:#fffdfa}.login #w4u-login-language-menu button:hover{border-color:#decfca;background:#f3e9e6;color:#2d2424}
.login .w4u-login-intro{padding:17px 0 0!important}.login .w4u-login-intro>p{display:none}.login .w4u-login-intro h2{font-size:21px!important}
.login form{padding:21px;margin-top:17px}.login form .input{min-height:52px;margin:8px 0 18px;padding:14px 15px;line-height:22px}
.login input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box;width:18px;height:18px;margin:0 7px 0 0;padding:0;border:2px solid #876060!important;border-radius:5px;background:transparent!important;position:relative;box-shadow:none!important;accent-color:#876060}
.login input[type=checkbox]:not(:checked)::before{content:none!important}.login input[type=checkbox]:checked{background:#876060!important;border-color:#876060!important}.login input[type=checkbox]:checked::before{content:'✓'!important;position:absolute;inset:0;margin:0!important;width:100%!important;height:100%!important;color:#fff!important;font:700 13px/14px Inter,system-ui,sans-serif;text-align:center}
.login :is(input,button,select,a):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}.login :is(input,button,select,a):focus-visible{outline:2px solid #876060!important;outline-offset:2px!important;box-shadow:none!important}.login input:focus{border-color:#876060!important}
.login #nav{margin-top:16px}.login #backtoblog{margin-top:12px}.login .forgetmenot label{font-size:13px}
.login form>p{margin:0 0 10px}.login form>p.submit{margin-bottom:0}.login form .input{display:block;width:100%}
.login #loginform>.forgetmenot{float:left;margin:10px 0 0}.login #loginform>.submit{text-align:right}.login #loginform::after{content:'';display:block;clear:both}
/* Core overrides .wp-pwd .input margins, so reserve the action gap on its row. */
.login #loginform>.submit{padding-top:20px}
.login #loginform>.forgetmenot{margin-top:30px;min-height:44px;display:flex;align-items:center}
.login .wp-pwd .wp-hide-pw{height:52px;min-height:52px;top:0}
.login form input:is(:-webkit-autofill,:autofill),.login form input:is(:-webkit-autofill,:autofill):is(:hover,:focus,:focus-visible){-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#352d2c!important;caret-color:#352d2c;color:#352d2c!important}
