/* 01 Vision — branded wp-login.php */

body.login {
	background: #0f1115;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.login h1 a {
	background-image: none;
	width: auto;
	height: auto;
	margin-bottom: 16px;
	text-indent: 0;
	overflow: visible;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* NOTE: no ::after wordmark here on purpose. login_headertext (see
   class-login-page.php) already renders the current site's own name as
   this link's text — e.g. "Mondial Transit" — via get_bloginfo('name').
   A previous version of this rule injected the literal text "01 Vision"
   after that with CSS, which visually concatenated into
   "Mondial Transit01 Vision" on every site. The 01 Vision brand must NEVER
   be shown on the login screen at all (that's the client's own front
   door) — see class-login-page.php's header_text() for why this is
   deliberately not wired to the agency's own Core\Branding logo. The
   rule below is only defensive styling in case a plain <img> is ever
   rendered inside the login header link by a future change; nothing
   currently outputs one. */

.login h1 a img {
	max-height: 48px;
	width: auto;
}

.login form {
	border-radius: 12px;
	border: 1px solid #23262e;
	background: #161922;
	box-shadow: 0 10px 40px rgba( 0, 0, 0, 0.35 );
}

.login label {
	color: #d7dae0;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: #0f1115;
	border: 1px solid #2a2e38;
	color: #fff;
	border-radius: 8px;
}

.login .button-primary {
	background: #4f7cff;
	border-color: #4f7cff;
	border-radius: 8px;
	box-shadow: none;
	text-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #3d63e0;
	border-color: #3d63e0;
}

.login #nav,
.login #backtoblog {
	text-align: center;
}

.login #nav a,
.login #backtoblog a {
	color: #9aa3b2;
}

.login #login_error,
.login .message {
	border-radius: 8px;
}