/*
 * NOMA: переключатель языка (виджет «NOMA: язык» и шорткод [noma_lang]).
 *
 * С 1.0.1 — одна надпись: язык, на который переходим (ENG на русской версии, RUS на английской), размер — 0.8 от
 * заданного в виджете (в шапке: 14 / 22 / 13 px → ≈11 / 18 / 10 px), поэтому переставлять виджет не нужно.
 * Цвет — currentColor (белый в тёмной шапке, тёмный в светлой; в шапке цвет задаёт виджет),
 * шрифт — как у окружения (в шапке — шрифт меню из настроек виджета), прописные.
 * Шапка живёт в .noma-scale (артборды 1200 / 360), поэтому только px/em — без rem, vw и --noma-px.
 */

.elementor-widget-noma_en_switcher,
.elementor-widget-noma_en_switcher > .elementor-widget-container {
	line-height: 1;
}

.noma-lang,
.noma-lang:hover,
.noma-lang:focus,
.noma-lang:active,
.noma-lang:visited {
	color: inherit;
	text-decoration: none;
}

.noma-lang {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	padding: .35em .25em;
	font-family: inherit;
	font-size: 14px;
	font-weight: inherit;
	line-height: 1;
	letter-spacing: inherit;
	text-transform: uppercase;
	white-space: nowrap;
	background: transparent;
	border: 0;
	box-shadow: none;
	transition: color .2s ease;
}

/* Своё значение у вложенного span всегда сильнее унаследованного размера из настроек виджета. */
.noma-lang__label {
	font-size: .8em;
	letter-spacing: .04em;
	transition: opacity .2s ease;
}

.noma-lang:hover .noma-lang__label,
.noma-lang:focus-visible .noma-lang__label {
	opacity: .6;
}

.noma-lang:focus {
	outline: none;
}

.noma-lang:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}