/*
 * LEXX Admin Login — custom branding layered on top of wp-login.php.
 *
 * The HTML structure here is whatever WP core renders; we only restyle the
 * selectors wp-login.php uses so new WP releases won't break the page.
 */

body.lexx-login {
	background: radial-gradient( 1200px 800px at 20% 0%, #0c2340 0%, #050d1c 65%, #010308 100% );
	color: #e8ecf4;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
		Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	min-height: 100vh;
}

body.lexx-login #login {
	width: 380px;
	padding: 6vh 0 4vh;
}

/*
 * Replace the default WP logo (top of the form) with the LEXX lockup. The
 * file lives in /wp-content/mu-plugins/lexx-admin/assets/lexx-logo-white.png
 * so wp_enqueue_style resolves the relative URL correctly.
 */
body.lexx-login #login h1 a {
	background-image: url("lexx-logo-white.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 240px;
	height: 80px;
	margin: 0 auto 1.5rem;
	text-indent: -9999px;
	outline: none;
	box-shadow: none;
}

body.lexx-login #loginform,
body.lexx-login #registerform,
body.lexx-login #lostpasswordform,
body.lexx-login #resetpassform {
	background: rgba( 18, 28, 48, 0.85 );
	border: 1px solid rgba( 255, 255, 255, 0.08 );
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.45 );
	padding: 2rem 2rem 1.5rem;
	backdrop-filter: blur( 8px );
	-webkit-backdrop-filter: blur( 8px );
}

body.lexx-login #loginform p label,
body.lexx-login #registerform p label,
body.lexx-login #lostpasswordform p label,
body.lexx-login #resetpassform p label {
	color: #cfd5e3;
	font-weight: 500;
	letter-spacing: 0.02em;
}

body.lexx-login input[type="text"],
body.lexx-login input[type="password"],
body.lexx-login input[type="email"] {
	background: rgba( 0, 0, 0, 0.35 );
	color: #f4f6fb;
	border: 1px solid rgba( 255, 255, 255, 0.12 );
	border-radius: 8px;
	padding: 0.7rem 0.85rem;
	font-size: 15px;
	box-shadow: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.lexx-login input[type="text"]:focus,
body.lexx-login input[type="password"]:focus,
body.lexx-login input[type="email"]:focus {
	border-color: #4aa3ff;
	box-shadow: 0 0 0 3px rgba( 74, 163, 255, 0.25 );
	outline: none;
}

body.lexx-login input[type="checkbox"] {
	accent-color: #4aa3ff;
}

body.lexx-login .forgetmenot label {
	color: #b8c0d0;
	font-size: 13px;
}

body.lexx-login .wp-core-ui .button-primary,
body.lexx-login #wp-submit {
	background: linear-gradient( 135deg, #2f7bff 0%, #1357d6 100% );
	border: none;
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba( 47, 123, 255, 0.35 );
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 0.6rem 1.4rem;
	text-shadow: none;
	transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease;
}

body.lexx-login .wp-core-ui .button-primary:hover,
body.lexx-login #wp-submit:hover {
	filter: brightness( 1.08 );
	transform: translateY( -1px );
	box-shadow: 0 8px 20px rgba( 47, 123, 255, 0.45 );
}

body.lexx-login .wp-core-ui .button-primary:active,
body.lexx-login #wp-submit:active {
	transform: translateY( 0 );
	box-shadow: 0 4px 10px rgba( 47, 123, 255, 0.35 );
}

body.lexx-login #nav,
body.lexx-login #backtoblog {
	text-align: center;
	margin-top: 1rem;
}

body.lexx-login #nav a,
body.lexx-login #backtoblog a {
	color: #9eb6e0;
	text-decoration: none;
	font-size: 13px;
	transition: color 0.14s ease;
}

body.lexx-login #nav a:hover,
body.lexx-login #backtoblog a:hover {
	color: #fff;
}

body.lexx-login .message,
body.lexx-login .notice {
	background: rgba( 47, 123, 255, 0.12 );
	border-left: 4px solid #4aa3ff;
	color: #e8ecf4;
	border-radius: 6px;
	padding: 0.75rem 1rem;
	box-shadow: none;
}

body.lexx-login #login_error {
	background: rgba( 255, 75, 75, 0.12 );
	border-left: 4px solid #ff6b6b;
	color: #ffd6d6;
	border-radius: 6px;
	padding: 0.75rem 1rem;
	box-shadow: none;
}

body.lexx-login #login_error a,
body.lexx-login .message a,
body.lexx-login .notice a {
	color: #cfe4ff;
}

/* Password-reset visibility toggle + strength meter */
body.lexx-login .password-input-wrapper button.wp-hide-pw {
	color: #9eb6e0;
}

body.lexx-login #pass-strength-result {
	background: rgba( 255, 255, 255, 0.04 );
	border-color: rgba( 255, 255, 255, 0.08 );
	color: #e8ecf4;
}

body.lexx-login #pass-strength-result.good {
	border-color: #4aa3ff;
}

body.lexx-login #pass-strength-result.strong {
	border-color: #27c487;
}

body.lexx-login #pass-strength-result.short,
body.lexx-login #pass-strength-result.bad {
	border-color: #ff6b6b;
}

@media ( max-width: 420px ) {
	body.lexx-login #login {
		width: calc( 100% - 2rem );
		padding-top: 3rem;
	}
	body.lexx-login #loginform,
	body.lexx-login #registerform,
	body.lexx-login #lostpasswordform,
	body.lexx-login #resetpassform {
		padding: 1.5rem 1.25rem 1rem;
	}
}