/**
 * Sign-in screen.
 *
 * wp-login.php with the WordPress identity removed and the practice's put in
 * its place. Deliberately restrained — this is a page people pass through.
 */

body.login {
	color-scheme: light;

	--nmf-ink: #14212a;
	--nmf-ink-2: #4a5b66;
	--nmf-rule: #d8dee1;
	--nmf-accent: #0f6e63;
	--nmf-accent-soft: #dcebe8;

	background: #eef1f3;
	color: var(--nmf-ink);
}

/* Replace the WordPress mark with a wordmark built from the practice name. */
body.login h1.wp-login-logo a {
	background-image: none;
	width: auto;
	height: auto;
	text-indent: 0;
	overflow: visible;
	margin: 0 auto 8px;
	padding: 0;
	font-size: 1.35rem;
	line-height: 1.25;
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--nmf-ink);
	text-decoration: none;
	max-width: 320px;
	display: block;
	text-align: center;
}

body.login h1.wp-login-logo a:hover,
body.login h1.wp-login-logo a:focus {
	color: var(--nmf-accent);
}

body.login #login {
	width: 340px;
	padding-top: 6vh;
}

body.login form {
	border: 1px solid var(--nmf-rule);
	border-radius: 4px;
	box-shadow: none;
	padding: 24px;
}

body.login label {
	color: var(--nmf-ink-2);
	font-size: .9rem;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border-color: var(--nmf-rule);
	border-radius: 3px;
	padding: 8px;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: var(--nmf-accent);
	box-shadow: 0 0 0 1px var(--nmf-accent);
	outline: 2px solid transparent;
}

body.login .button-primary {
	background: var(--nmf-accent);
	border-color: var(--nmf-accent);
	border-radius: 3px;
	text-shadow: none;
	box-shadow: none;
	font-weight: 600;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #0c5c53;
	border-color: #0c5c53;
}

body.login .message,
body.login .notice {
	border-left-color: var(--nmf-accent);
	border-radius: 0 3px 3px 0;
}

body.login .nmf-login-intro {
	background: var(--nmf-accent-soft);
	border-left-color: var(--nmf-accent);
	font-size: .92rem;
}

body.login #nav,
body.login #backtoblog {
	text-align: center;
	padding: 8px 0;
}

body.login #nav a,
body.login #backtoblog a {
	color: var(--nmf-ink-2);
	font-size: .85rem;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: var(--nmf-accent);
}

/* The language switcher is noise on a patient sign-in screen. */
body.login .language-switcher {
	display: none;
}