.interio-language-switcher {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	vertical-align: middle;
	color: inherit;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.interio-language-switcher .lang-item {
	display: inline-block;
	padding: 4px 0;
	color: inherit;
	font: inherit;
	font-weight: 500;
	text-decoration: none;
	opacity: .75;
	transition: opacity .15s ease;
}

.interio-language-switcher .lang-item.is-current {
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	opacity: 1;
}

.interio-language-switcher a.lang-item:hover,
.interio-language-switcher a.lang-item:focus-visible {
	color: inherit;
	opacity: 1;
}

.interio-language-switcher a.lang-item:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.interio-language-switcher .lang-separator {
	opacity: .45;
}

.mobile-topbar-items:has(.interio-language-switcher) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	padding: 8px 15px;
}

.mobile-topbar-items > li:has(.interio-language-switcher) {
	margin-left: auto;
}

ul.mobile-topbar-items:has(.interio-language-switcher) > li {
	width: auto;
	max-width: 100%;
	text-align: left;
	overflow-wrap: anywhere;
}

.mobile-topbar-wrap .interio-language-switcher .lang-item,
.mobile-bar .interio-language-switcher .lang-item {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	box-sizing: border-box;
}