/* 2026-07-24 v1.0
 * - Kept the mobile login navigation compact inside the fixed bottom header.
 */

nav.login-nav {
	display: inline-flex;
	position: absolute!important;
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	width: fit-content;
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(-50%);
}

nav.login-nav ul {
	width: auto;
	height: auto;
	min-height: 0;
	flex-wrap: nowrap;
}

nav.login-nav ul li {
	height: auto;
	flex: 0 0 auto;
}

nav.login-nav ul li a {
	width: auto;
	height: auto;
	padding-left: var(--spacing-md,10px);
	padding-right: var(--spacing-md,10px);
}