/* ==========================================================================
   Banshee Esports - Custom WordPress Login Styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@700;800;900&display=swap');

body.login {
	background-color: #090514 !important;
	background-image: radial-gradient(circle at 50% 0%, rgba(168, 85, 247, 0.15) 0%, transparent 60%);
	background-attachment: fixed;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	color: #ffffff;
}

body.login h1 a {
	background-image: url('assets/images/banshee_mascot.png');
	background-size: contain;
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.6));
}

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

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	background: #110a22;
	border: 1px solid #1f1437;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.5);
	padding: 40px;
}

body.login label {
	color: #8e88a0;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 8px;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid #1f1437;
	border-radius: 6px;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 50px;
	box-shadow: none;
	transition: all 0.2s ease;
	width: 100%;
	box-sizing: border-box;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: #a855f7;
	background: rgba(168, 85, 247, 0.05);
	box-shadow: 0 0 0 1px #a855f7;
	outline: none;
}

body.login input[type="submit"] {
	background: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
	border: none;
	color: #ffffff;
	padding: 12px 24px;
	border-radius: 6px;
	font-family: 'Orbitron', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: none;
	width: 100%;
	font-size: 14px;
	transition: all 0.2s ease;
	margin-top: 10px;
	height: auto;
	line-height: normal;
}

body.login input[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 28px rgba(168, 85, 247, 0.65);
}

body.login #nav,
body.login #backtoblog {
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
}

body.login #nav a,
body.login #backtoblog a {
	color: #8e88a0 !important;
	transition: color 0.2s;
	text-decoration: none;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #a855f7 !important;
}

.login .message,
.login .success {
	border-left: 4px solid #a855f7;
	background: rgba(168, 85, 247, 0.1);
	color: #ffffff;
	box-shadow: none;
}

.login #login_error {
	border-left: 4px solid #ef4444;
	background: rgba(239, 68, 68, 0.1);
	color: #ffffff;
	box-shadow: none;
}

.login input[type="checkbox"] {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid #1f1437;
	border-radius: 4px;
}

.login input[type="checkbox"]:checked {
	background: #a855f7;
	border-color: #a855f7;
}

.login input[type="checkbox"]:checked::before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
	margin: -0.1875rem 0 0 -0.25rem;
}