/**
 * Multilingual UI additions (mobile menu language switcher).
 */

.mobile-menu-lang {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(15, 15, 16, 0.12);
}

.mobile-menu-lang__icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	opacity: 0.7;
}

.mobile-menu-lang__icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mobile-menu-lang__option {
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	text-decoration: none;
	color: inherit;
	opacity: 0.6;
	transition: opacity 160ms ease, background-color 160ms ease, color 160ms ease;
}

.mobile-menu-lang__option:hover,
.mobile-menu-lang__option:focus-visible {
	opacity: 1;
}

.mobile-menu-lang__option--active {
	opacity: 1;
	background: var(--cosmo-red, #d4002a);
	color: #fff;
}