/* Clock Spot branding on the existing WordPress / WP 2FA login screens.
   The ID-scoped logo selector also overrides host login branding (#login h1 a). */
body.login{background:#f2f6f8;color:#354650;font-family:"Segoe UI",Arial,sans-serif;border-top:6px solid #009ee3;box-sizing:border-box;min-height:100vh;height:auto}
body.login #login{width:360px;max-width:calc(100% - 32px);padding:clamp(28px,8vh,80px) 0 24px}
.login #login h1 a{background-image:url("login-logo.svg");background-size:contain;background-position:center;width:288px;max-width:100%;height:58px;margin:0 auto 28px;padding:0}
.login form{display:flow-root;background:#fff;border:1px solid #dbe3e8;border-radius:10px;padding:26px;box-shadow:0 4px 20px #243b520c;margin-top:20px;overflow:visible}
.login label{color:#526b79;font-size:13px;line-height:1.6}
.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;font-family:inherit;font-size:17px;background:#fff;border:1px solid #bbcbd5;border-radius:5px;min-height:44px;padding:8px 12px;color:#354650;box-shadow:none}
.login .wp-pwd input{padding-right:44px}
.login .button.wp-hide-pw{height:44px;color:#627580}
.login .button-primary{background:#0085ba;border-color:#0085ba;border-radius:5px;font-family:inherit;font-size:14px;min-height:42px;line-height:40px;padding:0 18px;text-shadow:none;box-shadow:none}
.login .button-primary:hover,.login .button-primary:active{background:#006c96;border-color:#006c96}
.login input:focus,.login select:focus{border-color:#0085ba;box-shadow:0 0 0 2px #0085ba30;outline:2px solid transparent}
.login a:focus-visible,.login button:focus-visible,.login input[type=submit]:focus-visible{outline:3px solid #244dd8;outline-offset:3px}
.login form .forgetmenot{margin-top:10px}
.login #nav,.login #backtoblog{padding:0 6px;font-size:13px}
.login #nav a,.login #backtoblog a,.login .privacy-policy-link{color:#0079aa}
.login .message,.login .success,.login #login_error{border-radius:6px;box-shadow:none;background:#fff;border-left-width:4px;padding:14px 16px;font-size:13px;line-height:1.6}
.login .message{border-left-color:#0085ba}.login #login_error{border-left-color:#c33157}
.login .language-switcher{padding:0 16px 24px}.login .language-switcher form{border:0;box-shadow:none;background:none;padding:0;margin:0;border-radius:0}
@media(max-width:380px){.login form{padding:20px}.login #login h1 a{width:258px}.login .language-switcher select{max-width:180px}}
@media(max-height:520px){body.login #login{padding-top:20px}.login #login h1 a{height:46px;margin-bottom:14px}}