/* Selector de idioma. Personalizable desde el tema con las variables --ta-*. */
.ta-sel {
	display: inline-flex;
	align-items: center;
	font: inherit;
	line-height: 1;
	letter-spacing: .04em;
}
.ta-sel__item {
	display: block;
	text-decoration: none !important;
	transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}

/* Estilo botón (flotante y opcional en el menú) */
.ta-sel--pill {
	--ta-bg: rgba(255, 255, 255, .92);
	--ta-fg: #1d1d1f;
	--ta-muted: rgba(29, 29, 31, .55);
	--ta-active-bg: #1d1d1f;
	--ta-active-fg: #fff;
	--ta-border: rgba(0, 0, 0, .08);

	gap: 2px;
	padding: 3px;
	border: 1px solid var(--ta-border);
	border-radius: 999px;
	background: var(--ta-bg);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-size: 13px;
	font-weight: 600;
}
.ta-sel--pill .ta-sel__item {
	min-width: 38px;
	padding: 9px 11px;
	border-radius: 999px;
	color: var(--ta-muted);
	text-align: center;
}
.ta-sel--pill .ta-sel__item:hover { color: var(--ta-fg); }
.ta-sel--pill .ta-sel__item.is-active {
	background: var(--ta-active-bg);
	color: var(--ta-active-fg);
}
.ta-sel--pill .ta-sel__item:focus-visible {
	outline: 2px solid var(--ta-active-bg);
	outline-offset: 2px;
}

/* Estilo texto: hereda tipografía y color del menú del tema */
.ta-sel--text { gap: .35em; }
.ta-sel--text .ta-sel__item {
	padding: 0 !important;
	color: inherit !important;
	opacity: .55;
}
.ta-sel--text .ta-sel__item:hover,
.ta-sel--text .ta-sel__item:focus-visible { opacity: 1; }
.ta-sel--text .ta-sel__item.is-active {
	opacity: 1;
	font-weight: 700;
}
.ta-sel__sep { opacity: .35; }

/* Elemento dentro del menú */
.ta-menu-item {
	display: flex;
	align-items: center;
}
.ta-menu-item > .ta-sel { margin: 0 .5em; }

/* Botón flotante */
.ta-float {
	position: fixed;
	z-index: 99990;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .14));
}
.ta-float--bottom-right,
.ta-float--bottom-left { bottom: max(20px, env(safe-area-inset-bottom)); }
.ta-float--top-right,
.ta-float--top-left { top: max(20px, env(safe-area-inset-top)); }
.ta-float--middle-right,
.ta-float--middle-left {
	top: 50%;
	transform: translateY(-50%);
}
.ta-float--bottom-right,
.ta-float--top-right,
.ta-float--middle-right { right: 20px; }
.ta-float--bottom-left,
.ta-float--top-left,
.ta-float--middle-left { left: 20px; }

/* En medio: vertical, para ocupar poco ancho en el borde de la pantalla */
.ta-float--middle-right .ta-sel--pill,
.ta-float--middle-left .ta-sel--pill { flex-direction: column; }
.ta-float--middle-right { right: max(12px, env(safe-area-inset-right)); }
.ta-float--middle-left { left: max(12px, env(safe-area-inset-left)); }

/* Con la barra de administración visible, bajarlo para que no quede tapado */
.admin-bar .ta-float--top-right,
.admin-bar .ta-float--top-left { top: 52px; }
@media (max-width: 782px) {
	.admin-bar .ta-float--top-right,
	.admin-bar .ta-float--top-left { top: 66px; }
}

@media (prefers-reduced-motion: reduce) {
	.ta-sel__item { transition: none; }
}
@media print {
	.ta-float { display: none; }
}