/* dsha-translation.css — layout fixes for Google Website Translator (GTranslate free).
   Google's element.js injects: a top banner iframe (.skiptranslate / #goog-te-banner-frame),
   an inline `top: 40px` on <body> to make room for it, html.translated-ltr|rtl, <font>
   wrappers around translated text, and a hover tooltip (#goog-gt-tt). The header's own
   <select> is the switcher, so all of Google's chrome is hidden. base.js injects similar
   rules, but only after it runs (deferred, footer); having them in <head> avoids a jump.
   Design + limits: theme/dsha-lighthouse/inc/translation.php. */

/* 1. Google's banner, tooltip and hidden host element: never shown. */
.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame,
#google_translate_element2 { display: none !important; }

/* 2. Google pushes <body> down by the banner height (position:relative; top:40px).
      Zeroing it keeps the header and the interior sticky rail (.hd .hd-side-sticky)
      where the theme puts them in the html.translated-ltr state. */
body { top: 0 !important; }

/* 3. Translated text is wrapped in <font>; Google highlights it on hover. Make it inert. */
font font,
.goog-text-highlight {
	background: transparent !important;
	box-shadow: none !important;
	position: static !important;
}
