/* SARETEC branding for wp-login.php (enqueued from functions.php) */
body.login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background:
		url("images/login-art.svg") right bottom / auto 70vh no-repeat,
		radial-gradient(900px 600px at 100% 110%, rgba(74, 152, 68, .5), rgba(74, 152, 68, 0) 65%),
		linear-gradient(150deg, #01324b 0%, #024668 60%, #03506f 100%) fixed;
}
#login {
	width: 400px;
	max-width: calc(100% - 32px);
	padding: 40px 0 !important;
}
.login h1 a {
	width: 260px;
	height: 64px;
	margin: 0 auto 28px;
	background: url("images/logo-white.svg") center / contain no-repeat;
}
.login form {
	margin-top: 0;
	padding: 34px 32px 30px;
	border: 0;
	border-top: 6px solid #4a9844;
	border-radius: 16px;
	box-shadow: 0 30px 70px rgba(1, 30, 45, .35);
}
.login label {
	color: #14212a;
	font-size: 14px;
	font-weight: 500;
}
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	min-height: 48px;
	margin-top: 6px;
	padding: 0 14px;
	border: 1.5px solid #d6e0e4;
	border-radius: 10px;
	background: #f7fafa;
	font-size: 15px;
	box-shadow: none;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #4a9844;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(74, 152, 68, .15);
	outline: none;
}
.login .button.wp-hide-pw { height: 48px; margin-top: 6px; color: #5d6b73; }
.login .button.wp-hide-pw:focus { border-color: transparent; box-shadow: none; }
.login input[type="checkbox"] { accent-color: #4a9844; }
.login input[type="checkbox"]:focus { border-color: #4a9844; box-shadow: 0 0 0 2px rgba(74, 152, 68, .3); }
.login .forgetmenot { margin: 4px 0 18px; float: none; }
.login .forgetmenot label { color: #5d6b73; font-weight: 400; }
.login .button-primary,
.wp-core-ui .button-primary {
	float: none;
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #4a9844 0%, #3d8237 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-shadow: none;
	box-shadow: 0 8px 18px rgba(74, 152, 68, .28);
	transition: filter .2s ease, box-shadow .2s ease;
}
.login .button-primary:hover,
.login .button-primary:focus,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: linear-gradient(135deg, #4a9844 0%, #3d8237 100%);
	filter: brightness(1.06);
	box-shadow: 0 12px 24px rgba(74, 152, 68, .34);
}
.login #nav,
.login #backtoblog {
	padding: 0 8px;
	text-align: center;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
	color: rgba(255, 255, 255, .85) !important;
	text-decoration: none;
}
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover { color: #fff !important; text-decoration: underline; }
.login #nav { color: rgba(255, 255, 255, .5); }
.login .message,
.login .notice,
.login .success,
.login #login_error {
	border-left-color: #4a9844;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(1, 30, 45, .2);
}
.login #login_error { border-left-color: #d63638; }
.login .language-switcher { display: none; }

@media (max-width: 600px) {
	body.login { background-size: auto 45vh, auto, auto; }
	.login form { padding: 28px 22px 24px; }
}