/* 22Academy login.css v1.1 (package three, part 3; r21 approved, log 215). Restyles wp-login.php (sign in, lost password, reset): navy page, the logo, one white card. Loads after tokens.css. The button is electric blue with navy-deep text; the two lines under the form come from functions.php. */
body.login { background: var(--a22-navy); font-family: var(--a22-font); color: var(--a22-ink); }
body.login #login { width: 100%; max-width: 420px; padding: 6vh 20px 0; }
body.login h1 a { background: url(img/logo-on-navy.png) no-repeat center / contain; width: 140px; height: 82px; margin: 0 auto 16px; text-indent: -9999px; }
body.login #loginform, body.login #lostpasswordform, body.login #resetpassform { background: var(--a22-white); border: 0; border-radius: var(--a22-r-card); box-shadow: var(--a22-shadow); padding: var(--a22-s5); margin-top: 0; }
body.login label { font-weight: 600; font-size: 14px; color: var(--a22-navy); }
body.login input[type="text"], body.login input[type="password"], body.login input[type="email"] { font-size: 16px; padding: 11px 12px; border: 1px solid var(--a22-line); border-radius: var(--a22-r-control); box-shadow: none; min-height: 48px; }
body.login input:focus { border-color: var(--a22-navy); box-shadow: none; outline: 2px solid var(--a22-blue); outline-offset: 2px; }
body.login .button-primary, body.login .wp-core-ui .button-primary { background: var(--a22-blue-btn); border: 0; color: var(--a22-navy-deep); font-weight: 600; font-size: 16px; min-height: 48px; width: 100%; border-radius: var(--a22-r-control); text-shadow: none; box-shadow: none; margin-top: 8px; }
body.login .button-primary:hover, body.login .wp-core-ui .button-primary:hover { background: var(--a22-blue-btn-hover); color: var(--a22-navy-deep); }
body.login .button-primary:active, body.login .wp-core-ui .button-primary:active { background: var(--a22-blue-btn-active); color: var(--a22-navy-deep); transform: translateY(1px); }
body.login .button.wp-hide-pw { color: var(--a22-soft); }
body.login #backtoblog, body.login #nav { text-align: center; padding: 0; }
body.login #nav a, body.login #backtoblog a { color: var(--a22-on-dark); font-size: 14px; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: var(--a22-white); }
body.login .message, body.login #login_error { border-left: 4px solid var(--a22-blue); background: var(--a22-white); border-radius: var(--a22-r-control); box-shadow: none; font-size: 14px; }
body.login #login_error { border-left-color: var(--a22-bad); }
body.login .privacy-policy-page-link { text-align: center; }
body.login .privacy-policy-page-link a { color: var(--a22-on-dark-mut); }
body.login .language-switcher { display: none; }
/* The two lines under the form (functions.php, login_footer): new here, and the previous platform */
body.login .a22-login-new, body.login .a22-login-legacy { text-align: center; margin: 12px 0 0; font-size: 15px; color: var(--a22-on-dark); }
body.login .a22-login-new a { color: var(--a22-white); font-weight: 700; }
body.login .a22-login-legacy { font-size: 14px; color: var(--a22-on-dark-mut); }
body.login .a22-login-legacy a { color: var(--a22-white); font-weight: 600; }