/** Hotel staff login screen — no WordPress branding. */
body.login {
	min-height: 100dvh;
	background:
		radial-gradient(circle at 12% 8%, rgba(59, 130, 246, 0.2), transparent 28rem),
		radial-gradient(circle at 92% 92%, rgba(99, 102, 241, 0.12), transparent 30rem),
		linear-gradient(145deg, #f7f9fc 0%, #eef3f9 100%);
	color: #172033;
	font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.login #login {
	width: min(410px, calc(100% - 32px));
	padding: 7vh 0 30px;
}

/* Replace WordPress logo mark with hotel brand tile. */
body.login h1.wp-login-logo,
body.login .wp-login-logo {
	margin: 0 0 8px;
}

body.login h1 a {
	position: relative;
	display: block;
	width: 78px;
	height: 78px;
	margin: 0 auto 12px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 23px;
	background: linear-gradient(145deg, #2563eb, #1d4ed8) !important;
	background-image: none !important;
	background-size: auto !important;
	box-shadow: 0 18px 38px rgba(37, 99, 235, 0.24);
	text-indent: -9999px;
	overflow: hidden;
}

body.login h1 a::before {
	content: none !important;
}

body.login h1 a::after {
	content: "H";
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #fff;
	font: 800 34px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: -0.04em;
	text-indent: 0;
}

body.login .hr-login-welcome {
	margin: 0 0 18px;
	color: #526175;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.4;
	text-align: center;
}

body.login form {
	padding: 30px;
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
	backdrop-filter: blur(12px);
}

body.login label {
	color: #3f4c63;
	font-size: 13px;
	font-weight: 700;
}

body.login input[type="text"],
body.login input[type="password"] {
	min-height: 50px;
	padding: 8px 13px;
	border: 1px solid #d5deea;
	border-radius: 11px;
	background: #fff;
	font-size: 16px;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.025);
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: #60a5fa;
	outline: 0;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

body.login .button-primary {
	min-height: 46px;
	padding: 0 23px;
	border: 0;
	border-radius: 11px;
	background: linear-gradient(145deg, #2f6ff0, #2563eb);
	font-weight: 750;
	box-shadow: 0 8px 19px rgba(37, 99, 235, 0.2);
	transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	transform: translateY(-1px);
	background: linear-gradient(145deg, #2563eb, #1d4ed8);
	box-shadow: 0 11px 24px rgba(37, 99, 235, 0.28);
}

body.login #nav {
	text-align: center;
}

body.login #nav a {
	color: #526175;
	font-weight: 650;
}

/* Hide WordPress “back to site” and language switcher. */
body.login #backtoblog,
body.login .language-switcher,
body.login .privacy-policy-page-link {
	display: none !important;
}

@media (max-width: 480px) {
	body.login #login {
		padding-top: 5vh;
	}

	body.login form {
		padding: 23px;
	}

	body.login .forgetmenot,
	body.login .submit {
		float: none;
	}

	body.login .forgetmenot {
		margin-bottom: 15px;
	}

	body.login .button-primary {
		width: 100%;
	}
}