/* =========================================================
	WORKES LOGIN - FOOTER
========================================================= */

.wk-login-footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:4;

	width:100%;

	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:22px;

	padding:14px 60px;

	background:var(--wk-color-transparent);
	border:none;

	color:var(--wk-color-text-muted);

	font-size:.84rem;
	font-weight:600;
}

.wk-login-footer-section{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
}

.wk-login-footer-copy{
	justify-content:flex-start;
	flex-wrap:wrap;
}

.wk-login-footer-copy strong{
	color:var(--wk-color-text-main);
	font-weight:800;
}

.wk-login-footer-developer{
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:inherit;
	text-decoration:none;
}

.wk-login-footer-developer strong{
	color:var(--wk-color-text-main);
	font-weight:900;
}

.wk-login-footer-developer:hover,
.wk-login-footer-developer:focus-visible{
	text-decoration:underline;
	text-underline-offset:3px;
}

.wk-login-footer-links{
	justify-content:center;
	gap:18px;
}

.wk-login-footer-links a{
	position:relative;

	color:var(--wk-color-text-soft);

	font-size:.84rem;
	font-weight:800;

	text-decoration:none;

	transition:color .2s ease;
}

.wk-login-footer-links a:hover{
	color:var(--wk-badge-text);
}

.wk-login-footer-links a::after{
	content:"";

	position:absolute;
	left:0;
	right:0;
	bottom:-5px;

	width:0;
	height:2px;

	margin:auto;

	border-radius:999px;

	background:var(--wk-gradient-line);

	transition:width .25s ease;
}

.wk-login-footer-links a:hover::after{
	width:100%;
}

.wk-login-footer-version{
	justify-content:flex-end;
	gap:10px;
}

.wk-login-footer-version > span:first-child{
	color:var(--wk-color-text-main);
	font-weight:800;
}

.wk-login-footer-version-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:26px;
	padding:4px 11px;

	border:1px solid var(--wk-badge-border);
	border-radius:999px;

	background:var(--wk-badge-bg);
	color:var(--wk-badge-text);

	font-size:.76rem;
	font-weight:900;
}

/* =========================================================
	DARK MODE
========================================================= */

html[data-theme="dark"] .wk-login-footer{
	color:var(--wk-palette-rgb-255-255-255-a-5800);
}

html[data-theme="dark"] .wk-login-footer-copy strong{
	color:var(--wk-color-white);
}

html[data-theme="dark"] .wk-login-footer-links a{
	color:var(--wk-palette-rgb-255-255-255-a-6200);
}

html[data-theme="dark"] .wk-login-footer-developer strong{
	color:var(--wk-color-white);
}

html[data-theme="dark"] .wk-login-footer-links a:hover{
	color:var(--wk-palette-rgb-132-255-056);
}

html[data-theme="dark"] .wk-login-footer-links a::after{
	background:linear-gradient(
		90deg,
		var(--wk-palette-rgb-000-176-080),
		var(--wk-palette-rgb-132-255-056)
	);
}

html[data-theme="dark"] .wk-login-footer-version > span:first-child{
	color:var(--wk-palette-rgb-255-255-255-a-7000);
}

html[data-theme="dark"] .wk-login-footer-version-badge{
	border-color:var(--wk-palette-rgb-132-255-056-a-2600);
	background:var(--wk-palette-rgb-132-255-056-a-0600);
	color:var(--wk-palette-rgb-132-255-056);
}