/* Use Ashtanga's navigation/sub-menu component, with a compact language disclosure. */
.qodef-header-navigation > ul > .ik-language-menu {
	padding-left: 24px;
}

@media (min-width: 1025px) and (max-width: 1399px) {
	.qodef-header-navigation > ul > li:not(:first-child) {
		margin-left: 12px;
	}
	.qodef-header-navigation > ul > li:not(:last-child) {
		margin-right: 12px;
	}
}

:is(.qodef-header-navigation, .qodef-mobile-header-navigation) .ik-language-menu > a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.ik-language-menu > a::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	background: currentColor;
	-webkit-mask: url("language-globe.svg") center / contain no-repeat;
	mask: url("language-globe.svg") center / contain no-repeat;
	opacity: .75;
}

.qodef-header-navigation .ik-language-menu.qodef-menu-item--narrow > .sub-menu {
	left: auto;
	right: 0;
	width: 110px;
	padding: 16px 0;
	background: var(--ik-background, #000);
	visibility: hidden;
	opacity: 0;
}

.qodef-header-navigation .ik-language-menu.qodef-menu-item--narrow.is-open > .sub-menu {
	visibility: visible;
	opacity: 1;
}

.qodef-header-navigation .ik-language-menu.qodef-menu-item--narrow .sub-menu > li {
	padding: 0 24px;
}

:is(.qodef-header-navigation, .qodef-mobile-header-navigation) .ik-language-menu .sub-menu a {
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 2.5px;
}

.ik-language-menu .sub-menu a.gt-current-lang,
.ik-language-menu .sub-menu a:hover {
	color: var(--ik-orange, #da8a4c) !important;
}

.ik-language-menu > a:focus-visible {
	outline: 1px solid currentColor;
	outline-offset: 5px;
}

.qodef-mobile-header-navigation .ik-language-menu > .sub-menu {
	display: none !important;
}

.qodef-mobile-header-navigation .ik-language-menu.is-open > .sub-menu {
	display: block !important;
}