/**
 * Language toggle: .mk-language-toggle (templates/components/language-toggle.php).
 *
 * One row centred on the cross axis: codes label-small (12/16, 600) in
 * `color.languageToggle.text`, the current one in `.current`; between two
 * codes a divider 1 × 10 (`languageToggle.dividerHeight`) in `.divider`,
 * `languageToggle.gap` (8) on both sides.
 */

.mk-language-toggle__list {
	display: flex;
	align-items: center;
	gap: var(--wp--custom--language-toggle--gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mk-language-toggle__item {
	display: flex;
	align-items: center;
	gap: var(--wp--custom--language-toggle--gap);
}

.mk-language-toggle__item + .mk-language-toggle__item::before {
	content: "";
	inline-size: var(--wp--custom--language-toggle--divider-width);
	block-size: var(--wp--custom--language-toggle--divider-height);
	background-color: var(--wp--custom--color--language-toggle--divider);
}

.mk-language-toggle__link {
	color: var(--wp--custom--color--language-toggle--text);
	font-family: var(--wp--custom--text--label-small--font-family);
	font-size: var(--wp--custom--text--label-small--font-size);
	font-weight: var(--wp--custom--text--label-small--font-weight);
	line-height: var(--wp--custom--text--label-small--line-height);
	letter-spacing: var(--wp--custom--text--label-small--letter-spacing);
	text-decoration: none;
}

.mk-language-toggle__link[aria-current="true"] {
	color: var(--wp--custom--color--language-toggle--current);
}

@media (hover: hover) {
	.mk-language-toggle__link:hover {
		color: var(--wp--custom--color--language-toggle--current);
	}
}

.mk-language-toggle__link:focus-visible {
	outline-width: var(--wp--custom--focus--ring-width);
	outline-style: solid;
	outline-color: var(--wp--custom--color--focus--ring);
	outline-offset: var(--wp--custom--focus--ring-offset);
}