/**
 * Language switcher.
 *
 * Neutral by design — it inherits colour and font from wherever the theme drops it, so it looks
 * like part of the header rather than a plugin bolted on. Override in the theme if you want more.
 */

.dst-switcher {
	display: inline-flex;
	align-items: center;
}

.dst-switcher__list {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dst-switcher__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dst-switcher__item + .dst-switcher__item::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 6px;
	vertical-align: middle;
	background: currentColor;
	opacity: 0.25;
}

.dst-switcher__item a {
	display: inline-block;
	padding: 4px 6px;
	font-size: 13px;
	line-height: 1;
	color: inherit;
	text-decoration: none;
	border-radius: 3px;
	opacity: 0.65;
	transition: opacity 0.15s ease, background-color 0.15s ease;
}

.dst-switcher__item a:hover,
.dst-switcher__item a:focus-visible {
	opacity: 1;
	background: rgba(127, 127, 127, 0.12);
}

.dst-switcher__item.is-active a {
	opacity: 1;
	font-weight: 600;
}

.dst-switcher--flag .dst-switcher__item a,
.dst-switcher--full .dst-switcher__item a {
	font-size: 15px;
}