/* WP Lang Switch — frontend language switcher */

.wpls-switcher--list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpls-switcher--list li {
	margin: 0;
}

.wpls-switcher--list a {
	text-decoration: none;
	padding: 0.15em 0.5em;
	border-radius: 3px;
	border: 1px solid transparent;
}

.wpls-switcher--list li.wpls-current a {
	font-weight: 600;
	border-color: currentColor;
}

.wpls-switcher--dropdown select {
	padding: 0.25em 1.5em 0.25em 0.5em;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 3px;
	cursor: pointer;
	/* A host page may declare `color-scheme: dark` (or inherit it from an
	   ancestor) for its own dark-themed design. That property also
	   reaches into how the browser renders this <select>'s native popup
	   panel, and browsers are inconsistent about it: some redraw the
	   whole panel with light-on-dark colors, others keep a light panel
	   background but still hand `color: initial` a light default text
	   color meant for a dark panel — silently pairing near-white option
	   text with a near-white panel background. Pinning color-scheme
	   back to light here, just for this control, forces the standard
	   dark-text-on-light-panel popup regardless of what the host page
	   declares, which is what the explicit colors below assume.
	*/
	color-scheme: light;
}

.wpls-switcher--dropdown select option {
	color: #000;
	background: #fff;
}