/*
 * CEM login screen: a quiet, accessible ARUK-branded entry point.
 */
body.login {
	background: #ffffff !important;
	color: #3f4648;
	font-family: Arial, sans-serif;
}

body.login::before,
body.login::after,
body.login #login::before,
body.login #login::after {
	display: none !important;
	content: none !important;
	background-image: none !important;
}

body.login #login {
	width: min(100% - 2.5rem, 32rem);
	padding: 4rem 0 2rem;
}

body.login #login h1 a {
	display: block;
	width: 100% !important;
	height: 4.75rem !important;
	margin: 0 0 2.5rem !important;
	background-image: url('https://mobilise.arocha.org.uk/wp-content/uploads/2026/09/cem-full-lock-up.svg') !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

body.login form {
	margin-top: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body.login label,
body.login .message,
body.login #login_error,
body.login #nav a {
	color: #3f4648;
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	min-height: 3.25rem;
	border: 1px solid #8fa2a8;
	border-radius: 0;
	box-shadow: none;
	color: #3f4648;
	background: #ffffff;
}

body.login input[type="checkbox"] {
	border-color: #0097ce;
	border-radius: 0;
}

body.login input:focus,
body.login select:focus,
body.login .button:focus,
body.login .button.focus {
	border-color: #0097ce !important;
	box-shadow: 0 0 0 1px #0097ce !important;
	outline: 0;
}

body.login #wp-submit,
body.login #language-switcher input[type="submit"] {
	min-height: 3.25rem;
	padding: 0 1.5rem;
	background: #0097ce !important;
	border: 1px solid #0097ce !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-weight: 600;
	text-shadow: none;
}

body.login #wp-submit:hover,
body.login #wp-submit:focus,
body.login #language-switcher input[type="submit"]:hover,
body.login #language-switcher input[type="submit"]:focus {
	background: #007da9 !important;
	border-color: #007da9 !important;
	box-shadow: 0 0 0 1px #007da9 !important;
}

body.login #nav {
	margin: 1.5rem 0 0;
	text-align: center;
}

body.login #nav a:hover,
body.login #nav a:focus {
	color: #007da9;
	text-decoration-color: #0097ce;
}

body.login #backtoblog,
body.login #language-switcher {
	display: none !important;
}

@media (max-width: 480px) {
	body.login #login {
		width: min(100% - 2rem, 32rem);
		padding-top: 2.5rem;
	}

}

/* Remove third-party credit from this participant-facing entry screen. */
body.login .loginpress-show-love {
	display: none !important;
}