/* Bulletproof Lang Translator — switcher styling
 * Binds directly to the active theme's WordPress Global Style variables
 * so the dropdown always matches fonts / colors / borders with zero
 * layout-shift risk. Falls back to sane defaults if a theme doesn't
 * define these custom properties.
 */

.bplt-switcher-wrap {
	display: inline-flex;
	align-items: center;
}

.bplt-lang-select {
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: var(--wp--preset--font-size--small, 16px);
	color: var(--wp--preset--color--contrast, currentColor);
	background-color: var(--wp--preset--color--base, transparent);
	border: 1px solid var(--wp--preset--color--contrast, #ccc);
	border-radius: 4px;
	padding: 4px 8px;
	line-height: 1.4;
	cursor: pointer;
	max-width: 100%;
	
		/* Justified width only */
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	padding: 4px 8px;
	text-align: center;
	text-align-last: center;
	
	line-height: 1.4;
	cursor: pointer;
}

.bplt-lang-select:focus {
	outline: 2px solid var(--wp--preset--color--primary, #0073aa);
	outline-offset: 1px;
}

/* Google Translate fallback: keep it invisible/inert as UI — we drive
 * language switching with our own dropdown, GT is only used to translate
 * text nodes we haven't manually translated. Hiding its banner prevents
 * the classic "page jumps down 40px" layout shift. */
.goog-te-banner-frame.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame {
	display: none !important;
}

body {
	top: 0 !important;
}

.goog-text-highlight {
	background: none !important;
	box-shadow: none !important;
}

#google_translate_element {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ==========================================
   Hide Google Translate UI Completely
========================================== */

.goog-te-banner-frame,
.skiptranslate,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight,
.goog-logo-link,
.goog-te-gadget-icon{
    display:none !important;
    visibility:hidden !important;
}

body{
    top:0 !important;
    position:static !important;
}

html{
    margin-top:0 !important;
}

iframe.goog-te-banner-frame{
    display:none !important;
}