:root {
	--trcx-accent: #b4e717;       /* Verde-limao Instfy. */
	--trcx-accent-text: #0b0b0b;  /* Texto sobre o verde. */
	--trcx-pill-bg: rgba( 255, 255, 255, 0.10 );
	--trcx-pill-border: rgba( 255, 255, 255, 0.22 );
	--trcx-pill-text: #ffffff;
}

.trcx-switch {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-weight: 700;
}

/* ---- Variante inline (PT | EN simples, p/ menu e shortcode) ---- */
.trcx-switch--inline {
	gap: 6px;
	font-size: 14px;
}

.trcx-switch--inline .trcx-lang {
	text-decoration: none;
	color: inherit;
	opacity: 0.6;
	padding: 2px 4px;
	border-radius: 4px;
	transition: opacity 0.15s ease;
}

.trcx-switch--inline .trcx-lang + .trcx-lang::before {
	content: "|";
	opacity: 0.4;
	margin: 0 2px 0 -2px;
	font-weight: 400;
}

.trcx-switch--inline a.trcx-lang:hover {
	opacity: 1;
}

.trcx-switch--inline .trcx-lang.is-active {
	opacity: 1;
}

/* ---- Variante pilula (estilo EasyBroker, cores Instfy) ---- */
.trcx-switch--pill {
	background: var( --trcx-pill-bg );
	border: 1px solid var( --trcx-pill-border );
	border-radius: 999px;
	padding: 3px;
	gap: 2px;
}

.trcx-switch--pill .trcx-lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: var( --trcx-pill-text );
	opacity: 0.7;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.trcx-switch--pill a.trcx-lang:hover {
	opacity: 1;
}

.trcx-switch--pill .trcx-lang.is-active {
	background: var( --trcx-accent );
	color: var( --trcx-accent-text );
	opacity: 1;
}

/* ---- Variante flutuante (fallback) ---- */
.trcx-switch--float {
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 99999;
	background: rgba( 11, 11, 11, 0.92 );
	border: 1px solid var( --trcx-pill-border );
	border-radius: 999px;
	padding: 3px;
	gap: 2px;
}

.trcx-switch--float .trcx-lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}

.trcx-switch--float .trcx-lang.is-active {
	background: var( --trcx-accent );
	color: var( --trcx-accent-text );
	opacity: 1;
}

/* Quando injetado no lugar da busca, alinha verticalmente. */
#trcx-switch-holder {
	display: inline-flex;
	align-items: center;
}

.trcx-menu-item .trcx-switch {
	padding: 0;
}