/**
 * Google Translate Hide Styles
 * Additional CSS to ensure all Google Translate UI elements remain hidden
 * This file provides extra coverage beyond the JavaScript-injected styles
 */

/* =========================================
   Hide Google Translate Banner Frame
   ========================================= */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.skiptranslate.goog-te-banner-frame,
body > .skiptranslate,
.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* =========================================
   Prevent Body Position Changes
   ========================================= */
body {
    top: 0 !important;
    position: static !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

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

/* =========================================
   Hide Google Translate Widget/Gadget
   ========================================= */
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-gadget-icon,
.goog-te-menu-frame,
.goog-te-menu2,
.goog-te-menu-value,
.goog-te-combo,
.goog-te-spinner-pos {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* =========================================
   Hide Tooltip and Balloon
   ========================================= */
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* =========================================
   Hide the Container Element
   ========================================= */
#google_translate_element,
#google_translate_element * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* =========================================
   Hide "Powered by Google" and Logo
   ========================================= */
.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget a,
.goog-te-gadget img {
    display: none !important;
    visibility: hidden !important;
}

/* =========================================
   Hide Google Translate IFrames
   ========================================= */
iframe.goog-te-menu-frame,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
iframe[id*="goog-gt-"],
iframe[class*="goog-te-"],
[id^="goog-gt-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* =========================================
   Hide VIP Elements (Newer Chrome versions)
   ========================================= */
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
div[id^="VIpgJd-ZVi9od"] {
    display: none !important;
    visibility: hidden !important;
}

/* =========================================
   Hide any floating translation bar
   ========================================= */
#gt-nvframe,
.jfk-bubble,
.jfk-bubble-content {
    display: none !important;
    visibility: hidden !important;
}

/* =========================================
   Ensure translated content displays normally
   ========================================= */
font[style*="background"] {
    background: transparent !important;
}

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