:root{
	--tls-bg:#11180F;
	--tls-text:#ffffff;
	--tls-accent:#40A038;
	--tls-radius:999px;
}

/* ============ hide Google's own UI completely ============ */
.tls-engine-host,
#google_translate_element,
.goog-te-banner-frame,
.goog-te-gadget,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
	display:none !important;
	visibility:hidden !important;
}
body{top:0 !important;position:static !important}
.goog-text-highlight,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
	background:transparent !important;
	box-shadow:none !important;
}
font[style*="vertical-align"]{vertical-align:baseline !important}

/* ============ widget base ============ */
.tls-widget{
	font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
	font-size:14px;
	line-height:1;
	display:inline-block;
	position:relative;
	z-index:99998;
}

.tls-flag{width:20px;height:20px;flex:0 0 20px;display:inline-flex;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.tls-flag svg{width:100%;height:100%;display:block}
.tls-badge{
	width:22px;height:22px;flex:0 0 22px;
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:50%;
	background:var(--tls-accent);color:#fff;
	font-size:12px;font-weight:700;
}

/* ============ dropdown ============ */
.tls-toggle{
	display:inline-flex;align-items:center;gap:9px;
	background:var(--tls-bg);color:var(--tls-text);
	border:1px solid rgba(255,255,255,.14);
	border-radius:var(--tls-radius);
	padding:9px 14px;
	cursor:pointer;
	transition:box-shadow .18s,border-color .18s;
}
.tls-toggle:hover{border-color:var(--tls-accent);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.tls-current{display:inline-flex;align-items:center;gap:8px}
.tls-caret{transition:transform .18s;opacity:.75}
.tls-widget.is-open .tls-caret{transform:rotate(180deg)}
.tls-compact .tls-toggle .tls-name{display:none}

.tls-menu{
	list-style:none;margin:6px 0 0;padding:6px;
	position:absolute;right:0;top:100%;
	min-width:170px;
	background:#fff;color:#1a1a1a;
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px;
	box-shadow:0 14px 38px rgba(0,0,0,.16);
	animation:tlsPop .16s ease;
}
.tls-pos-top-left .tls-menu,
.tls-pos-bottom-left .tls-menu{right:auto;left:0}
.tls-pos-bottom-right .tls-menu,
.tls-pos-bottom-left .tls-menu{top:auto;bottom:100%;margin:0 0 6px}
@keyframes tlsPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.tls-item{
	display:flex;align-items:center;gap:9px;
	padding:9px 11px;border-radius:9px;
	cursor:pointer;white-space:nowrap;
}
.tls-item:hover{background:rgba(0,0,0,.05)}
.tls-item .tls-check{margin-left:auto;opacity:0;color:var(--tls-accent)}
.tls-item.is-active{font-weight:600}
.tls-item.is-active .tls-check{opacity:1}

/* ============ pills ============ */
.tls-pills{display:inline-flex;gap:6px;flex-wrap:wrap}
.tls-pill{
	display:inline-flex;align-items:center;gap:7px;
	background:transparent;color:var(--tls-bg);
	border:1.5px solid rgba(0,0,0,.16);
	border-radius:var(--tls-radius);
	padding:7px 13px;cursor:pointer;
	font-size:13px;
	transition:all .16s;
}
.tls-pill:hover{border-color:var(--tls-accent);color:var(--tls-accent)}
.tls-pill.is-active{
	background:var(--tls-accent);border-color:var(--tls-accent);color:#fff;
}
.tls-pill.is-active .tls-badge{background:#fff;color:var(--tls-accent)}

/* ============ floating placement ============ */
.tls-float{position:fixed;z-index:99998}
.tls-pos-top-right{top:18px;right:18px}
.tls-pos-top-left{top:18px;left:18px}
.tls-pos-bottom-right{bottom:18px;right:18px}
.tls-pos-bottom-left{bottom:18px;left:18px}

@media (max-width:640px){
	.tls-pos-top-right,.tls-pos-top-left{top:12px}
	.tls-pos-top-right,.tls-pos-bottom-right{right:12px}
	.tls-pos-top-left,.tls-pos-bottom-left{left:12px}
	.tls-pos-bottom-right,.tls-pos-bottom-left{bottom:12px}
	.tls-toggle{padding:8px 12px}
}