/* Header */
#unk_header {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	display: flex;
	align-items: center;
	justify-content: space-between;

	font-size: var(--unk-text-size-l);
	font-weight: var(--unk-font-weight-01);
	line-height: 1em;

	pointer-events: none;

	z-index: calc(var(--unk-z-fixed) + 2);
}

#unk_header a,
#unk_header button {
	display: inline-flex;
	align-items: center;

	pointer-events: all;

	padding: 16px;
	white-space: nowrap;

	color: var(--unk-color-02) !important;
}

#unk_header .current_page_item a {
	opacity: 0.5 !important;
}

@media screen and (pointer: fine) {
	#unk_header a:hover,
	#unk_header button:hover {
		opacity: 0.5 !important;
	}

	#unk_nav-more-panel a:hover,
	#unk_nav-more-panel button:hover {
		opacity: 0.5;
	}
}

#unk_header .current_page_item a {
	/* pointer-events: none; */
}

#unk_header .logo {
	height: auto;
	padding: 8px 0 !important;
}

#unk_header .logo > img {
	width: 140px;
	height: auto;

	display: block;
}

#unk_header nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#unk_header.is-nav-hidden #unk_nav-primary,
#unk_header.is-nav-hidden #unk_nav-secondary,
#unk_header.is-nav-hidden #unk_nav-mobile {
	pointer-events: none !important;
}

#unk_header nav ul.menu {
	/* gap: 40px; */
}

#unk_header nav ul.menu.primary {
	gap: 0;
}

#unk_header nav ul.menu.primary:not(.vertical) li a {
	padding-left: 20px;
	padding-right: 20px;
}

#unk_header nav ul.menu.primary:not(.vertical) li:first-child a {
	padding-left: 8px;
}

#unk_header nav ul.menu.primary:not(.vertical) li:last-child a {
	padding-right: 8px;
}

#unk_header nav ul.menu.secondary:not(.vertical) li:not(:first-child) a {
	padding-left: 20px;
}

/* :where() drops the ID's specificity to 0, allowing future utility classes to override more easily. */
:where(#unk_header) nav ul.menu.primary:not(.vertical) li:not(:last-child) a,
#unk_header nav ul.menu.secondary:not(.vertical) li:not(:last-child) a {
	padding-right: 20px;
}

#unk_header nav ul.menu.secondary li:last-child a {
	padding-right: 0;
}

#unk_nav-more-toggle {
	position: relative;
	justify-content: center;
	padding: 0 0 0 20px !important;
}

#unk_nav-more-toggle::before {
	content: '';
	position: absolute;
	inset: -8px;
}

#unk_nav-more-panel {
	position: fixed;
	top: calc(var(--unk-column-gap) * 2);
	right: calc(max(0px, (100vw - var(--unk-max-width)) / 2) + var(--unk-column-gap) * 2);
	z-index: calc(var(--unk-z-fixed) + 3);
	width: min(430px, calc(min(100vw, var(--unk-max-width)) - (var(--unk-column-gap) * 4)));
	height: calc(100dvh - (var(--unk-column-gap) * 4));
	background: color-mix(in srgb, var(--unk-color-02) 60%, transparent);
	box-shadow: -18px 18px 48px rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(36px) saturate(1.35);
	backdrop-filter: blur(36px) saturate(1.35);
	font-size: var(--unk-text-size-l);
	line-height: 1.5;
	opacity: 0;
	pointer-events: none;
	transform: translateX(30px);
}

#unk_nav-more-panel.is-open {
	pointer-events: auto;
}

#unk_nav-more-panel a,
#unk_nav-more-panel button {
	color: var(--unk-color-01) !important;
}

#unk_nav-more-panel .nav-more-panel-inner {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	padding: calc(var(--unk-column-gap) * 2);
}

#unk_nav-more-panel .nav-more-top {
	display: grid;
	grid-template-columns: 140px 1fr 140px;
	gap: calc(var(--unk-column-gap) * 2);
}

#unk_nav-more-panel .nav-more-logo {
	width: 140px;
	padding: 0;
}

#unk_nav-more-panel .nav-more-logo img {
	display: block;
	width: 100%;
	height: auto;
}

#unk_nav-more-panel .nav-more-contact {
	position: absolute;
	top: 50%;
	left: calc(var(--unk-column-gap) * 2);
	max-width: 320px;
	transform: translateY(-50%);
}

#unk_nav-more-panel .nav-more-contact > * + * {
	margin-top: 1em;
}

#unk_nav-more-panel .nav-more-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: calc(var(--unk-column-gap) * 2);
}

#unk_nav-more-panel .menu.legal,
#unk_nav-more-panel .nav-more-languages {
	display: flex;
	gap: 8px;
	font-weight: var(--unk-font-weight-01);
}

#unk_nav-more-panel .nav-more-languages .is-active {
	opacity: 0.5;
	pointer-events: none;
}

#unk_nav-more-close {
	position: absolute;
	top: 50%;
	right: calc(var(--unk-column-gap) * 2);
	display: inline-flex;
	align-items: center;
	padding: 0;
	transform: translateY(-50%);
	font-weight: var(--unk-font-weight-01);
}

#unk_nav-more-close::before {
	content: '';
	position: absolute;
	inset: -8px;
}

#unk_overlay.screen-overlay {
	transition: opacity 0.4s ease;
	z-index: var(--unk-z-fixed);
}

body.menu-open #unk_overlay.screen-overlay {
	opacity: 1;
	pointer-events: auto;
}

#unk_loader-progress-counter {
	position: fixed;
	color: var(--unk-color-02);
	right: calc(var(--unk-column-gap) * 2);
	opacity: 0;
	pointer-events: none !important;
}

@media only screen and (max-width: 1023.98px) {
	#unk_nav-more-toggle,
	#unk_nav-more-panel {
		display: none !important;
	}

	#unk_header .logo > img {
		width: 138px;
	}

	#unk_header a,
	#unk_header button {
		padding: 4px;
	}

	#unk_nav-mobile {
		position: relative;
		font-size: var(--unk-text-size-l);
	}

	#unk_nav-mobile .menu-wrapper {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: calc(1em + 8px);

		top: 0px;
		transform: translateX(-100%);
		padding-right: 24px;
	}

	#unk_nav-mobile .menu-wrapper ul.menu {
		align-items: flex-end;
		line-height: 1em;
		gap: 0;
	}

	#unk_nav-mobile button,
	#unk_nav-mobile .menu-wrapper ul.menu li a {
		padding-right: 0;
	}

	#unk_nav-mobile .menu-wrapper ul.menu li {
		opacity: 0;
		transform: translateY(20px);
		transition: none;
	}

	#unk_nav-mobile-footer {
		position: fixed;
		left: calc(var(--unk-column-gap) * 2);
		right: calc(var(--unk-column-gap) * 2);
		bottom: calc((var(--unk-column-gap) * 2) + env(safe-area-inset-bottom));
		z-index: calc(var(--unk-z-fixed) + 2);
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: calc(var(--unk-column-gap) * 2);
		font-size: var(--unk-text-size-l);
		pointer-events: none;
	}

	#unk_nav-mobile-footer.is-open {
		pointer-events: auto;
	}

	#unk_nav-mobile-footer > * {
		opacity: 0;
		transform: translateY(20px);
		transition: none;
	}

	#unk_nav-mobile-footer .mobile-menu-legal .menu,
	#unk_nav-mobile-footer .mobile-menu-languages {
		display: flex;
		gap: 8px;
		font-weight: var(--unk-font-weight-01);
		line-height: 1em;
	}

	#unk_nav-mobile-footer .mobile-menu-languages .is-active {
		opacity: 0.5;
		pointer-events: none !important;
	}

	#unk_nav-mobile .menu-wrapper ul.menu li a {
		pointer-events: none !important;
	}

	#unk_nav-mobile.is-open .menu-wrapper ul.menu li a,
	#unk_nav-mobile-footer.is-open a:not(.is-active) {
		pointer-events: auto !important;
	}

	#unk_nav-mobile button.nav-toggle {
		min-width: 52px;
		justify-content: flex-end;
		text-align: right;
	}

	#unk_nav-mobile .menu-wrapper ul.menu li a,
	#unk_nav-mobile button.nav-toggle {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}