/* Hide the "Translated into: ... / Show original" bar that Google's Website
   Translator widget injects. The site has its own language dropdown, and
   switching back to English is handled by translatePage('EN'), so the bar is
   redundant. The widget also pushes <body> down by the bar's height; undo that.

   Google renamed the banner's class from .goog-te-banner-frame to the
   obfuscated .VIpgJd-ZVi9od-ORHb-OEVmcd; both are listed, plus a structural
   fallback (the banner is a direct child of <body> with .skiptranslate) in
   case the class changes again. */
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,
body > .skiptranslate > iframe,
body > iframe.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* Hover popup ("Original text" + "Rate this translation") and the blue
   highlight Google paints on the hovered word. Old and obfuscated names. */
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-te-balloon-frame,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-suEOdc,
div.skiptranslate.VIpgJd-yAWNEb-L7lbkb {
    display: none !important;
    visibility: hidden !important;
}

/* Loading spinner (Google logo in a spinning ring) shown at the top-left while
   the page is being translated. */
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc,
.VIpgJd-ZVi9od-aZ2wEe,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.skiptranslate {
    display: none !important;
    visibility: hidden !important;
}

.goog-text-highlight,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
    background: none !important;
    box-shadow: none !important;
}

/* Tamil and other Indic scripts use joined characters and combining marks;
   letter-spacing (set on uppercase English labels and tags) pulls them apart
   and adds width, so labels overflow. Drop it while a translation is active. */
html.translated-ltr body *,
html.translated-rtl body * {
    letter-spacing: normal !important;
}

html body,
html.translated-ltr body,
html.translated-rtl body {
    top: 0 !important;
}
