/**
 * ERG Multilingual - switcher styles
 * Version: 1.0.0-stage1
 * Intentionally minimal/theme-agnostic so it doesn't fight with each
 * store's existing theme. Override selectors freely per-site via each
 * theme's Additional CSS if a store needs a different look.
 */

.erg-ml-switcher {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.4;
}

.erg-ml-switcher--dropdown select {
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
}

.erg-ml-switcher--flags {
	display: inline-flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 8px;
}

.erg-ml-switcher--flags li {
	margin: 0;
}

.erg-ml-switcher--flags a {
	text-decoration: none;
	font-size: 18px;
	opacity: 0.55;
	transition: opacity 0.15s ease;
}

.erg-ml-switcher--flags a:hover,
.erg-ml-switcher--flags li.erg-ml-current a {
	opacity: 1;
}