/*
 * WordPress wp-login.php screens in the BigWinMaxxing look (password reset).
 * Tokens come from tokens.css; layout mirrors the Join / Log in card.
 */
body.login.bwm-login {
	background: var(--bg-base);
	color: var(--fg-body);
	font-family: var(--font-ui);
	font-size: 15px;
}
.bwm-login #login {
	width: min(400px, calc(100% - 2 * var(--gutter)));
	padding: 0 0 32px;
}
.bwm-login .bwm-login-logo {
	display: flex;
	justify-content: center;
	width: fit-content;
	margin: 9vh auto 28px;
	text-decoration: none;
	color: var(--fg-primary);
}
/* Logo: the canonical artwork, same rules as app.css (not loaded on this screen). */
.bwm-login .logo {
	--logo-width-em: 6.9;
	display: inline-block; vertical-align: middle; line-height: 0;
	font-size: var(--logo-size, 18px); width: calc(var(--logo-width-em) * 1em); max-width: 100%;
	user-select: none;
}
.bwm-login .logo picture { display: block; }
.bwm-login .logo__img { display: block; width: 100%; height: auto; }
.bwm-login .bwm-login-logo:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--r-control); }
.bwm-login #login h1 { display: none; }

.bwm-login .message,
.bwm-login .notice,
.bwm-login #login_error {
	background: var(--bg-raised);
	border: 1px solid var(--line-subtle);
	border-left: 3px solid var(--accent);
	border-radius: var(--r-control);
	box-shadow: none;
	color: var(--fg-body);
	margin: 0 0 16px;
	padding: 12px 14px;
}
.bwm-login #login_error,
.bwm-login .bwm-login-message--error { border-left-color: var(--money-down); }
.bwm-login .message p,
.bwm-login #login_error p { margin: 0; }

.bwm-login #loginform,
.bwm-login #lostpasswordform,
.bwm-login #resetpassform {
	background: var(--bg-raised);
	border: 1px solid var(--line-subtle);
	border-radius: var(--r-panel);
	box-shadow: none;
	margin-top: 0;
	padding: 24px;
}
.bwm-login label {
	color: var(--fg-label);
	font-size: 13px;
	font-weight: 600;
}
.bwm-login input[type="text"],
.bwm-login input[type="email"],
.bwm-login input[type="password"] {
	background: var(--bg-input);
	border: 1px solid var(--line-strong);
	border-radius: var(--r-control);
	box-shadow: none;
	color: var(--fg-primary);
	font-family: var(--font-ui);
	font-size: 16px;
	min-height: 46px;
	padding: 8px 12px;
}
.bwm-login input[type="text"]:focus,
.bwm-login input[type="password"]:focus {
	border-color: var(--accent-text);
	box-shadow: var(--focus-ring);
	outline: none;
}
.bwm-login .button-primary,
.bwm-login .button.button-primary {
	background: var(--accent);
	border: 0;
	border-radius: var(--r-control);
	box-shadow: none;
	color: #fff;
	font-family: var(--font-ui);
	font-size: 15px;
	font-weight: 700;
	min-height: 46px;
	padding: 0 18px;
	text-shadow: none;
	width: 100%;
	margin-top: 8px;
	float: none;
}
.bwm-login .button-primary:hover,
.bwm-login .button-primary:focus { background: var(--accent-hover); color: #fff; }
.bwm-login .button-primary:active { background: var(--accent-press); }
.bwm-login .button-secondary,
.bwm-login .wp-generate-pw,
.bwm-login .wp-hide-pw {
	background: transparent;
	border: 1px solid var(--line-strong);
	border-radius: var(--r-control);
	color: var(--fg-label);
}
.bwm-login .wp-hide-pw .dashicons { color: var(--fg-secondary); }
.bwm-login .description,
.bwm-login .indicator-hint { color: var(--fg-secondary); font-size: 13px; }
.bwm-login #pass-strength-result {
	background: var(--bg-input);
	border-color: var(--line-strong);
	color: var(--fg-body);
	border-radius: var(--r-control);
}
.bwm-login #pass-strength-result.strong { border-color: var(--money-up); }
.bwm-login #pass-strength-result.bad,
.bwm-login #pass-strength-result.short { border-color: var(--money-down); }

.bwm-login #nav,
.bwm-login #backtoblog,
.bwm-login .privacy-policy-page-link { padding: 0; margin: 16px 0 0; text-align: center; }
.bwm-login #nav a,
.bwm-login #backtoblog a,
.bwm-login .privacy-policy-page-link a { color: var(--accent-text); text-decoration: none; }
.bwm-login #nav a:hover,
.bwm-login #backtoblog a:hover { color: var(--accent-text-hover); }
.bwm-login a:focus { box-shadow: var(--focus-ring); outline: none; }