/*! E-Splice Admin: login page */
body.login.esa-login {
	background-color: var(--esa-login-bg);
	background-size: cover;
	background-position: center;
	color: var(--esa-login-text);
	font-family: "ESA Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
}
body.esa-login #login { width: 360px; padding: 8vh 0 24px; }
body.esa-login #login h1 a {
	background-size: contain;
	background-position: center;
	width: var(--esa-login-logo-w);
	max-width: 100%;
	height: calc(var(--esa-login-logo-w) * .5);
	margin-bottom: 20px;
}
body.esa-login #loginform,
body.esa-login #registerform,
body.esa-login #lostpasswordform,
body.esa-login #resetpassform,
body.esa-login .login form {
	background: var(--esa-login-form);
	border: 1px solid rgba(120, 120, 130, .18);
	border-radius: calc(var(--esa-radius) + 4px);
	box-shadow: 0 1px 2px rgba(16, 16, 24, .04), 0 12px 32px rgba(62, 67, 108, .10);
	padding: 28px 28px 24px;
	margin-top: 0;
}
body.esa-login form label { color: var(--esa-login-text); font-weight: 500; font-size: 13px; }
body.esa-login input[type="text"],
body.esa-login input[type="password"],
body.esa-login input[type="email"] {
	border-radius: calc(var(--esa-radius) * .75);
	border: 1px solid rgba(120, 120, 130, .38);
	font-size: 15px;
	padding: 6px 12px;
	min-height: 42px;
	box-shadow: none;
	background: #fff;
}
body.esa-login form .input, body.esa-login .wp-pwd input.password-input { margin-right: 0; width: 100%; box-sizing: border-box; }
body.esa-login input:focus { border-color: var(--esa-accent) !important; box-shadow: 0 0 0 1px var(--esa-accent) !important; outline: 0; }
body.esa-login .button.wp-hide-pw { color: #75757f; height: 42px; min-height: 42px; }
body.esa-login #nav a:focus, body.esa-login #backtoblog a:focus { box-shadow: 0 0 0 2px var(--esa-accent); }
body.esa-login .wp-pwd .dashicons, body.esa-login .button.wp-hide-pw .dashicons { color: #75757f; }
body.esa-login .button.wp-hide-pw:focus { border-color: var(--esa-accent); box-shadow: 0 0 0 1px var(--esa-accent); }
body.esa-login.wp-core-ui .button-primary,
body.esa-login .wp-core-ui .button-primary {
	background: var(--esa-accent);
	border-color: var(--esa-accent);
	border-radius: calc(var(--esa-radius) * .75);
	min-height: 40px;
	padding: 0 20px;
	font-weight: 600;
	font-size: 14px;
	box-shadow: none;
	text-shadow: none;
}
body.esa-login.wp-core-ui .button-primary:hover,
body.esa-login.wp-core-ui .button-primary:focus,
body.esa-login .wp-core-ui .button-primary:hover,
body.esa-login .wp-core-ui .button-primary:focus {
	background: color-mix(in srgb, var(--esa-accent) 85%, #000);
	border-color: color-mix(in srgb, var(--esa-accent) 85%, #000);
}
body.esa-login.wp-core-ui .button-primary:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--esa-accent); }
body.esa-login input[type="checkbox"]:checked::before { filter: none; }
body.esa-login input[type="checkbox"]:focus { border-color: var(--esa-accent); box-shadow: 0 0 0 1px var(--esa-accent); }
body.esa-login #nav,
body.esa-login #backtoblog,
body.esa-login .privacy-policy-page-link { text-align: center; padding: 0; }
body.esa-login #nav a,
body.esa-login #backtoblog a,
body.esa-login .privacy-policy-link { color: var(--esa-login-text); opacity: .75; text-decoration: none; }
body.esa-login #nav a:hover,
body.esa-login #backtoblog a:hover { color: var(--esa-accent); opacity: 1; }
body.esa-login .message,
body.esa-login .notice,
body.esa-login #login_error {
	border-radius: var(--esa-radius);
	border-left-color: var(--esa-accent);
	box-shadow: none;
	border-top: 1px solid rgba(120, 120, 130, .18);
	border-right: 1px solid rgba(120, 120, 130, .18);
	border-bottom: 1px solid rgba(120, 120, 130, .18);
}
body.esa-login #login_error { border-left-color: #ef4444; }
body.esa-login .language-switcher { opacity: .85; }

/* Split layout */
body.esa-login-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 44%); min-height: 100vh; }
body.esa-login-split .esa-login-side {
	grid-column: 1;
	grid-row: 1 / span 3;
	background: linear-gradient(140deg, var(--esa-accent), color-mix(in srgb, var(--esa-accent) 55%, #000));
	color: #fff;
	display: flex;
	align-items: flex-end;
	padding: 8vh 6vw;
}
body.esa-login-split.login.esa-login[style], body.esa-login-split .esa-login-side { background-size: cover; }
body.esa-login-split .esa-login-side h2 { color: #fff; font-size: 34px; line-height: 1.15; font-weight: 700; margin: 0 0 12px; letter-spacing: -.02em; }
body.esa-login-split .esa-login-side p { font-size: 16px; line-height: 1.6; opacity: .9; max-width: 520px; margin: 0; }
body.esa-login-split #login,
body.esa-login-split .language-switcher { grid-column: 2; }
body.esa-login-split #login { align-self: center; }
@media (max-width: 900px) {
	body.esa-login-split { display: block; }
	body.esa-login-split .esa-login-side { display: none; }
}