/**
 * Elite Portal — light branding for the native wp-login.php screen.
 *
 * Deliberately minimal. The logo lives in the plugin rather than the media
 * library so a content editor cannot delete it out from under the login page.
 *
 * Colours are taken from the live site rather than invented: #F0F5FA is Astra's
 * outer background (--ast-global-color-5), #FFFFFF its content background
 * (color-4) and #363636 its body text. An earlier version of this file used a
 * dark green page background, which appears nowhere else on the site and left
 * WordPress's default blue buttons illegible.
 */

body.login {
	background: #F0F5FA;
}

body.login h1 a {
	background-image: none;
	width: auto;
	height: auto;
	text-indent: 0;
	font-family: "Montserrat", "Poppins", sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3;
	color: #034F2E;
	letter-spacing: 0.02em;
}

.login .elite-login-intro {
	margin: 0 0 18px;
	padding: 14px 16px;
	background: #EEF7E4;
	border-left: 4px solid #89C140;
	color: #034F2E;
	font-size: 13px;
	line-height: 1.5;
}

.login form {
	border-radius: 10px 0;
	border: 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Primary action — Log In, Get New Password, Reset Password. */
.login .button-primary {
	background: #89C140;
	border-color: #89C140;
	color: #034F2E;
	font-weight: 700;
	text-shadow: none;
	box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #28824B;
	border-color: #28824B;
	color: #fff;
}

/*
 * Secondary buttons — in practice the language switcher's "Change", which
 * WordPress renders as a plain .button in its default admin blue. That reads as
 * a second, competing call to action next to Log In, so it is toned down to an
 * outlined neutral.
 *
 * :not(.button-primary) keeps this away from the real submit button, which WP
 * gives both classes.
 */
.login .button:not(.button-primary) {
	background: #fff;
	border-color: #C5D2C5;
	color: #034F2E;
	text-shadow: none;
	box-shadow: none;
}

.login .button:not(.button-primary):hover,
.login .button:not(.button-primary):focus {
	background: #EEF7E4;
	border-color: #89C140;
	color: #034F2E;
}

/* Links below the form, now on a light background. */
.login #nav a,
.login #backtoblog a {
	color: #28824B;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #034F2E;
}

/* The language switcher's own label and select. */
.login #language-switcher label,
.login #language-switcher {
	color: #363636;
}

.login #language-switcher select {
	border-color: #C5D2C5;
	color: #363636;
}