/**
 * Header translate button ("ES") — Google Translate to Spanish.
 *
 * A small circular pill matching the header chrome; the Google Translate mount
 * point stays off-screen.
 */

.ls-translate {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

.ls-translate__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid var(--ls-chrome-border, rgba(255, 255, 255, 0.28));
	border-radius: 999px;
	background: transparent;
	color: var(--ls-chrome-text, #fff) !important;
	font-family: var(--ls-brand-font, "Source Sans 3", "Segoe UI", sans-serif);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ls-translate__btn:hover,
.ls-translate__btn:focus-visible {
	border-color: var(--ls-chrome-accent, #c9a84c);
	background: var(--ls-chrome-accent, #c9a84c);
	color: #14261a !important;
	text-decoration: none;
}

.ls-translate__code {
	pointer-events: none;
}

/* Visually hidden label, scoped so it never clashes with theme styles. */
.ls-translate .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Off-screen Google Translate mount point (widget stays functional). */
.ls-google-translate {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Drawer entry: desktop bar uses the actions-group button instead. */
.ls-custom-header-translate-nav {
	display: none;
}

@media (min-width: 782px) {
	.ls-custom-header-translate-nav {
		display: none !important;
	}
}

@media (max-width: 781px) {
	.ls-custom-header-translate-nav {
		display: block !important;
		width: 100% !important;
		margin: 0 0 0.65rem !important;
		list-style: none;
	}

	.ls-custom-header-translate-nav .ls-translate__btn {
		width: 100%;
		height: auto;
		min-height: 48px;
		padding: 0.85rem 1.15rem;
		border-radius: 8px;
		font-size: 1rem;
		gap: 0.4rem;
	}

	.ls-custom-header-translate-nav .ls-translate__code::after {
		content: " Español";
		font-weight: 700;
	}
}