/* Branded sign-in screen — navy field, hare mark, bilingual welcome. */
body.login {
	background: var(--sv-navy, #002B49);
	font-family: "Figtree", "Segoe UI", system-ui, sans-serif;
}
body.login::after {
	content: "";
	position: fixed; left: 0; right: 0; bottom: 0; height: 42vh;
	background: radial-gradient(120% 100% at 50% 100%, #003961 0%, rgba(0,43,73,0) 70%);
	pointer-events: none;
}
.login h1 a {
	background-image: url('../img/sandville-logo-reversed.png') !important;
	background-size: contain !important;
	width: 300px !important;
	height: 133px !important;
	margin: 0 auto 12px !important;
}
.login form {
	background: #fff;
	border: none;
	border-radius: 14px;
	box-shadow: 0 14px 40px rgba(0, 20, 34, .45);
	padding: 26px 24px;
}
.login label { color: #002B49; font-weight: 600; }
.login input[type="text"], .login input[type="password"] {
	border: 1.5px solid #C4D0DA; border-radius: 8px; padding: 10px 12px; font-size: 16px;
}
.login input[type="text"]:focus, .login input[type="password"]:focus {
	border-color: #002B49; box-shadow: 0 0 0 2px rgba(0,43,73,.18);
}
.wp-core-ui .button-primary {
	background: #002B49; border-color: #002B49; color: #fff;
	border-radius: 8px; font-weight: 700; padding: 6px 20px; height: auto;
}
.wp-core-ui .button-primary:hover { background: #003961; border-color: #003961; }
.login #nav a, .login #backtoblog a { color: #F1C400 !important; }
.login #login_error, .login .message { border-radius: 8px; border-left-color: #F1C400; }
.login #login::after {
	content: "Supporting people with life limiting and life changing conditions";
	display: block; text-align: center; color: #fff; font-size: 14px;
	margin-top: 18px; line-height: 1.5;
}
.login #login::before {
	content: "Croeso — staff and volunteers only";
	display: block; text-align: center; color: #F1C400; font-size: 14px; margin-bottom: 10px;
}