/**
 * Icarus — branded wp-login.php in the "liquid-glass amber" (Fable) style.
 * Scoped to the login screen only.
 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

body.login {
	font-family: 'Manrope', system-ui, sans-serif;
	color: #15130F;
	background:
		radial-gradient(1000px 600px at 88% -8%, rgba(245,178,7,.42), transparent 62%),
		radial-gradient(800px 520px at -5% 108%, rgba(245,178,7,.28), transparent 60%),
		linear-gradient(118deg, #FDFCF8 0%, #FAF3DB 55%, #F7E9B4 100%);
	background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
}

#login {
	width: 340px;
	padding: 6% 0 0;
}

/* Brand mark — replace the WordPress logo with the ICARUS wordmark. */
#login h1 {
	margin-bottom: 6px;
}
#login h1 a {
	background: none !important;
	width: auto;
	height: auto;
	text-indent: 0;
	overflow: visible;
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	font-size: 30px;
	letter-spacing: .06em;
	line-height: 1;
	color: #15130F;
	text-decoration: none;
	text-transform: uppercase;
}
#login h1 a::after {
	content: 'LS Tour · Car Rental';
	display: block;
	font-family: 'Space Mono', monospace;
	font-weight: 700;
	font-size: 9.5px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #A39C8A;
	margin-top: 6px;
}

/* The login form — frosted-glass card. */
#loginform,
#registerform,
#lostpasswordform {
	background: rgba(255,255,255,.5);
	backdrop-filter: blur(28px) saturate(1.6);
	-webkit-backdrop-filter: blur(28px) saturate(1.6);
	border: 1px solid rgba(255,255,255,.75);
	border-radius: 22px;
	box-shadow: 0 24px 60px rgba(21,19,15,.14), inset 0 1px 1px rgba(255,255,255,.9);
	padding: 26px 24px;
	margin-top: 14px;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	color: #15130F;
	background: #FBFAF5;
	border: 1.5px solid rgba(228,220,203,.9);
	border-radius: 12px;
	padding: 11px 13px;
	box-shadow: none;
}
.login form .input:focus,
.login input:focus {
	border-color: #F5A800;
	box-shadow: 0 0 0 3px rgba(245,168,0,.22);
	outline: none;
}

.login label {
	font-size: 13.5px;
	color: #454136;
	font-weight: 600;
}

/* Primary button — ink pill that warms to amber on hover. */
.login .button-primary,
.login #wp-submit {
	width: 100%;
	background: #15130F !important;
	color: #FBFAF5 !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 11px 18px !important;
	height: auto !important;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 14.5px;
	text-shadow: none !important;
	box-shadow: 0 10px 24px rgba(21,19,15,.22) !important;
	transition: background .18s, color .18s;
}
.login .button-primary:hover,
.login #wp-submit:hover {
	background: #F5A800 !important;
	color: #15130F !important;
}

/* Remember-me + secondary links. */
.login .forgetmenot label {
	font-size: 12.5px;
	color: #837C6E;
}
.login #nav,
.login #backtoblog {
	text-align: center;
	padding: 14px 0 0;
}
.login #nav a,
.login #backtoblog a {
	color: #8A8577 !important;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: #15130F !important;
}

/* Messages / errors — soften WP defaults. */
.login .message,
.login #login_error {
	border-radius: 12px;
	border-left-width: 4px;
	font-size: 13px;
	background: rgba(255,255,255,.7);
}
.login #login_error {
	border-left-color: #e53935;
}
.login .message {
	border-left-color: #F5A800;
}

/* Hide the default WP language switcher + "back to site" link (the branded
   flow is login → /dashboard, so the link to the bare WP homepage is noise). */
.login .language-switcher,
.login #backtoblog {
	display: none;
}