/**
 * Estilos del selector de idioma de Webskill Multilang.
 *
 * Tres variantes:
 *  - .wml-switcher--text     : ES | RU
 *  - .wml-switcher--flags    : 🇪🇸 🇷🇺
 *  - .wml-switcher--dropdown : botón plegable con menú
 */

/* ─────────────────────────────────────────────
   Inline (text + flags)
   ───────────────────────────────────────────── */
.wml-switcher {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-size: inherit;
	line-height: 1;
}

.wml-switcher__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	padding: 0.25em 0.5em;
	color: inherit;
	text-decoration: none;
	border-radius: 4px;
	transition: opacity 150ms ease, background-color 150ms ease;
}

.wml-switcher__item:hover,
.wml-switcher__item:focus {
	opacity: 0.7;
	text-decoration: none;
}

.wml-switcher__item.is-current {
	font-weight: 700;
	cursor: default;
}

.wml-switcher__sep {
	display: inline-block;
	padding: 0 0.15em;
	opacity: 0.5;
	user-select: none;
}

.wml-switcher__code {
	letter-spacing: 0.04em;
}

.wml-switcher__flag {
	font-size: 1.15em;
	line-height: 1;
}

.wml-switcher--flags .wml-switcher__item {
	padding: 0.25em 0.35em;
}

/* ─────────────────────────────────────────────
   Dropdown
   ───────────────────────────────────────────── */
.wml-switcher--dropdown {
	position: relative;
	display: inline-block;
}

.wml-switcher__trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.5em 0.85em;
	margin: 0;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 8px;
	color: inherit;
	font: inherit;
	font-weight: 600;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: background-color 150ms ease, opacity 150ms ease;
}

.wml-switcher__trigger:hover,
.wml-switcher__trigger:focus {
	opacity: 0.85;
	outline: none;
}

.wml-switcher__caret {
	display: inline-block;
	font-size: 0.7em;
	line-height: 1;
	transition: transform 200ms ease;
}

.wml-switcher--dropdown.is-open .wml-switcher__caret {
	transform: rotate(180deg);
}

.wml-switcher__list {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 100%;
	margin: 0;
	padding: 4px;
	list-style: none;
	background: #fff;
	color: #1a1a1a;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 150ms ease, transform 150ms ease, visibility 0s linear 150ms;
	z-index: 99999;
}

.wml-switcher--dropdown.is-open .wml-switcher__list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 150ms ease, transform 150ms ease, visibility 0s;
}

.wml-switcher__list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wml-switcher__list .wml-switcher__item {
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.55em 0.8em;
	border-radius: 4px;
	white-space: nowrap;
	color: inherit;
}

.wml-switcher__list .wml-switcher__item:hover,
.wml-switcher__list .wml-switcher__item:focus {
	background: #ffd000;
	color: #1a1a1a;
	opacity: 1;
	outline: none;
}

.wml-switcher__list .wml-switcher__item.is-current {
	background: rgba(0, 0, 0, 0.04);
	font-weight: 700;
}

.wml-switcher__name {
	font-size: 0.95em;
}

/* ─────────────────────────────────────────────
   Utilidad accesible (por si el theme no la define)
   ───────────────────────────────────────────── */
.wml-switcher .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/* Header-safe dropdown layer */
.wml-switcher--dropdown .wml-switcher__list {
	z-index: 99999;
}