/* WP Simple - Professional Custom Login UI */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

body.login {
	background-color: #f4f6f9 !important;
	background-image: radial-gradient(#e2e8f0 1px, transparent 1px) !important;
	background-size: 24px 24px !important;
	font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif !important;
	color: #1e293b !important;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	margin: 0;
}

#login {
	width: 100% !important;
	max-width: 440px !important;
	padding: 20px !important;
	margin: auto !important;
}

/* HIDE LOGIN LOGO HEADER COMPLETELY */
#login h1,
.wp-login-logo {
	display: none !important;
}

/* Card Form Container */
body.login #loginform {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04) !important;
	border-radius: 16px !important;
	padding: 36px 32px !important;
	margin-top: 20px !important;
}

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

/* Text Field Inputs (Username & Password) */
body.login #loginform p > label {
	display: block;
}

body.login input[type="text"],
body.login input[type="password"] {
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	color: #0f172a !important;
	font-size: 14px !important;
	padding: 11px 14px !important;
	margin-bottom: 16px !important;
	width: 100% !important;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
	transition: all 0.15s ease-in-out !important;
	box-sizing: border-box !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: #4f46e5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
	outline: none !important;
}

/* REMEMBER ME CHECKBOX ALIGNMENT */
body.login .forgetmenot {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
	margin-top: 5px !important;
}

body.login .forgetmenot label {
	display: inline-block !important;
	margin-bottom: 0 !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	color: #475569 !important;
	cursor: pointer !important;
}

body.login .forgetmenot input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	border-radius: 4px !important;
	border: 1px solid #cbd5e1 !important;
	cursor: pointer !important;
	accent-color: #4f46e5 !important;
	box-shadow: none !important;
}

/* Primary Submit Button */
body.login input[type="submit"] {
	background: #4f46e5 !important;
	border: none !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 11px !important;
	width: 100% !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
	transition: all 0.15s ease !important;
	margin-top: 10px !important;
	float: none !important;
}

body.login input[type="submit"]:hover {
	background: #4338ca !important;
	box-shadow: 0 6px 16px rgba(79, 70, 229, 0.45) !important;
}

/* HIDE LOST PASSWORD, LANGUAGE SWITCHER AND BACK TO BLOG LINKS */
.login #nav,
.login #backtoblog,
.login .language-switcher {
	display: none !important;
}

.login .message, .login #login_error {
	border-left: none !important;
	border-radius: 8px !important;
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	color: #dc2626 !important;
	font-size: 13px !important;
	box-shadow: none !important;
	padding: 12px 16px !important;
}