/*
 * AFE-branded wp-login.php — covers the login, lost-password, reset-password,
 * and new-account setup screens (they all share this one WordPress template).
 *
 * Colors match wp-content/mu-plugins/assets/brand-colors.css:
 *   #372864 — AFE purple (primary/accent)
 *   #161E2C — footer navy
 *
 * The logo path is relative to this file's own location (mu-plugins/assets/
 * -> wp-content/ -> uploads/), not an absolute URL, so it keeps working
 * unchanged across the local/production domain switch.
 */

body.login {
	background: #F4F5F9;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.login #login {
	width: 380px;
	padding: 0 8px;
}

body.login h1 {
	margin-bottom: 20px;
}

body.login h1 a {
	background-image: url('../../uploads/logos-clipart/logo_small.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 220px;
	height: 90px;
}

body.login form {
	background: #FFFFFF;
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 24px rgba(22, 30, 44, 0.08);
	padding: 32px 32px 24px;
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border-radius: 6px;
	border-color: #D7DAE2;
	padding: 10px 12px;
	font-size: 15px;
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: #372864;
	box-shadow: 0 0 0 1px #372864;
}

body.login form label {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #212121;
}

body.login .button-primary {
	background: #372864;
	border-color: #372864;
	border-radius: 6px;
	text-shadow: none;
	box-shadow: none;
	padding: 8px 20px;
	height: auto;
	font-weight: 500;
}

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

body.login #nav a,
body.login #backtoblog a {
	color: #372864;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #291d4c;
}

body.login .message {
	border-left-color: #372864;
	border-radius: 6px;
}

body.login #login_error {
	border-left-color: #B3261E;
	border-radius: 6px;
}