/*

date: 13.11.2024

*/

:root {
	--login-bg: #FFFFFF;
	--login-bg-img: url(../admin/login-bg.png);
	--login-bg-repeat: no-repeat;
	--login-bg-position: center;
	--login-bg-size: contain;

	--login-card-bg: rgba(255, 255, 255, 0.2);
	--login-card-border: none;
	--login-card-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	--login-card-filter: blur(6px);
	--login-form-clr: inherit;
	--login-form-link-clr: inherit;

	--login-logo: url(../admin/login-logo.svg);
	--login-logo-height: 60px;
	--login-logo-mb: 20px;
	--login-logo-display: block;

	--login-link-clr: inherit;
}

/* login page */
body.login {
	background-color: var(--login-bg);
	background-image: var(--login-bg-img);
	background-repeat: var(--login-bg-repeat);
	background-position: var(--login-bg-position);
	background-size: var(--login-bg-size);
}

.login #login,
.login .login_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,
			-50%);
	padding: 0;
}

.login h1,
.login h1.admin-email__heading {
	position: relative;
	z-index: 10;
	display: var(--login-logo-display);
	color: var(--login-form-clr);
	border: none;
}

.login h1 a,
.login h1.wp-login-logo a {
	width: auto;
	height: var(--login-logo-height);
	margin-bottom: var(--login-logo-mb);
	background-image: var(--login-logo);
	background-size: contain;
}

.login .language-switcher {
	display: none;
}

.login .privacy-policy-page-link {
	display: none;
}

.login form,
.login #loginform,
.login #lostpasswordform {
	z-index: 5;
	display: flex;
	flex-direction: column;
	color: var(--login-form-clr);
	margin: 0;
	-webkit-backdrop-filter: var(--login-card-filter);
	backdrop-filter: var(--login-card-filter);
	background-color: var(--login-card-bg);
	border: var(--login-card-border);
	border-radius: var(--login-card-border-rad,
			0px);
	box-shadow: var(--login-card-shadow);
}

.login form > *,
.login #loginform > * {
	order: 1;
	color: var(--login-form-link-clr);
}

.login form a,
.login #loginform a {
	order: 1;
	color: var(--login-form-link-clr);
}

.login form > div:has(.trusona-employee-button),
.login #loginform > div:has(.trusona-employee-button) {
	order: 100;
	margin-top: 20px;
}

.login form:has(.trusona-employee-button) > .submit,
.login #loginform:has(.trusona-employee-button) > .submit {
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--login-form-clr);
	border-radius: 0;
}

.login p#nav {
	display: block;
}

.login #backtoblog a,
.login #nav a {
	position: relative;
	z-index: 10;
	text-decoration: none;
	color: var(--login-link-clr);
}

/* 2fa Wordfence */
#wfls-prompt-overlay {
	color: var(--login-form-link-clr);
	background: var(--login-card-bg);
}

/* trusona */
.trusona-easy-login-button,
.trusona-login-button,
.trusona-no-passwords-login-button,
.no-passwords-login-button,
.trusona-consumer-button,
.trusona-employee-button {
	border-radius: 4px;
	overflow: hidden;
}