/* Suppress Google Translate's default top banner/iframe and gadget branding
   so the widget stays purely client-side and doesn't disturb our layout. */
body {
    top: 0 !important;
    position: static !important;
}

/* Google's banner iframe is appended to <body>, escaping our off-screen
   container below; its wrapper class is internal/obfuscated and changes
   across releases, but it always carries "skiptranslate" -- hide by that
   instead of a specific class name. We never need any Google-rendered UI
   since translation is driven entirely through our own dropdown. */
iframe.skiptranslate {
    display: none !important;
}

.goog-te-gadget-icon,
.goog-logo-link {
    display: none !important;
}

/* Keep the real widget off-screen instead of display:none so Google still
   builds the hidden <select class="goog-te-combo"> we drive programmatically. */
#google_translate_element {
    position: absolute;
    left: -9999px;
    top: -9999px;
    height: 0;
    overflow: hidden;
}

/* Google injects a tooltip/highlight around translated text on hover; this
   keeps it from fighting our Bootstrap styles. */
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

#languageSwitcher .dropdown-menu {
    min-width: 8rem;
}