/* WAELOR — branded wp-login screen. */

body.login {
	min-height: 100vh;
	font-family: var(--wae-font, 'Barlow', sans-serif);
	color: #eef3ff;
	background:
		radial-gradient(820px 480px at 80% -10%, rgba(43,91,255,0.22), transparent 60%),
		radial-gradient(680px 520px at -8% 110%, rgba(10,61,255,0.18), transparent 60%),
		#060c18;
}
body.login::before {
	content: ""; position: fixed; inset: 0; pointer-events: none;
	background-image:
		linear-gradient(rgba(159,176,208,0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(159,176,208,0.05) 1px, transparent 1px);
	background-size: 46px 46px;
	mask-image: radial-gradient(120% 100% at 50% 0%, #000 35%, transparent 85%);
	opacity: 0.6;
}

#login { width: 340px; padding-top: 7vh; position: relative; z-index: 1; }

/* Logo (crown W) */
#login h1 a {
	background-image: url(../img/logo.svg);
	background-size: contain;
	width: 150px; height: 92px;
	filter: drop-shadow(0 0 22px rgba(43,91,255,0.5));
	margin-bottom: 4px;
}
#login h1 { text-align: center; }
#login h1::after {
	content: "WAELOR";
	display: block;
	font-family: 'Oxanium', sans-serif;
	font-weight: 800; font-size: 20px;
	letter-spacing: 0.34em; text-transform: uppercase;
	color: #eef3ff; margin: 6px 0 2px;
}

/* Card */
.login form {
	background: linear-gradient(180deg, #122036, #0c1626);
	border: 1px solid rgba(159,176,208,0.16);
	box-shadow: 0 28px 70px -30px rgba(0,0,0,0.9);
	border-radius: 0;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
	padding: 26px 24px;
	margin-top: 18px;
}
.login form .input,
.login input[type=text],
.login input[type=password] {
	background: rgba(6,12,24,0.7);
	border: 1px solid rgba(159,176,208,0.2);
	color: #eef3ff;
	border-radius: 9px;
	padding: 11px 12px;
	font-size: 15px;
	box-shadow: none;
}
.login input:focus {
	border-color: #2b5bff !important;
	box-shadow: 0 0 0 3px rgba(43,91,255,0.22) !important;
	outline: none;
}
.login label { color: #9fb0d0; font-size: 13.5px; }

.login .button-primary,
.wp-core-ui .button-primary {
	width: 100%;
	font-family: 'Oxanium', sans-serif;
	font-weight: 700; font-size: 14px;
	letter-spacing: 0.08em; text-transform: uppercase;
	background: linear-gradient(150deg, #2b5bff, #0a3dff);
	border: 0; border-radius: 9px;
	padding: 11px 18px; height: auto;
	box-shadow: 0 14px 30px -14px rgba(43,91,255,0.7);
	transition: transform .15s ease, box-shadow .15s ease;
	text-shadow: none;
}
.login .button-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -14px rgba(43,91,255,0.8); }

.login #nav, .login #backtoblog { text-align: center; }
.login #nav a, .login #backtoblog a { color: #9fb0d0; }
.login #nav a:hover, .login #backtoblog a:hover { color: #5b8bff; }
.login .message, .login #login_error {
	background: rgba(6,12,24,0.8);
	border-left: 3px solid #2b5bff;
	color: #eef3ff;
	border-radius: 8px;
}
.login #login_error { border-left-color: #ff5167; }

/* Hide the language switcher noise */
.login .language-switcher { display: none; }