/* Hidden until JS moves the element into the header */
.alk-lang-toggle-wrap {
	display: none;
}

/* ─── Shared pill styles ──────────────────────────────────────────────────── */

.site-header__col.-right .alk-lang-toggle-wrap,
.site-header__row.container > .alk-lang-toggle-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.site-header__col.-right .alk-lang-toggle__label,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #555;
	white-space: nowrap;
}

.site-header__col.-right .alk-lang-toggle,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle {
	display: inline-flex;
	border-radius: 100px;
	border: 2px solid var(--dst--primary-color1, #2b56f0);
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1;
}

.site-header__col.-right .alk-lang-toggle__option,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__option {
	display: block;
	padding: 5px 14px;
	text-decoration: none;
	transition: background 0.2s ease;
}

.site-header__col.-right .alk-lang-toggle__option span,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__option span {
	color: var(--dst--primary-color1, #2b56f0);
}

.site-header__col.-right .alk-lang-toggle__option.is-active,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__option.is-active {
	background: var(--dst--primary-color1, #2b56f0);
	pointer-events: none;
}

.site-header__col.-right .alk-lang-toggle__option.is-active span,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__option.is-active span {
	color: #fff;
}

.site-header__col.-right .alk-lang-toggle__option:not(.is-active):hover,
.site-header__row.container > .alk-lang-toggle-wrap .alk-lang-toggle__option:not(.is-active):hover {
	background: rgba(43, 86, 240, 0.1);
}

/* ─── Right column layout (pages with full nav) ───────────────────────────── */

.site-header__col.-right {
	flex-direction: column;
	align-items: flex-end;
	gap: 14px;
}

/* ─── Row-level placement (pages where .-right col is absent/hidden) ──────── */

.site-header__row.container > .alk-lang-toggle-wrap {
	margin-left: auto;
}