/* ============================================
   GOOGLE TRANSLATE - HIDE ALL UI ELEMENTS
   ============================================ */

/* Hide the banner iframe completely */
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    border: none !important;
    box-shadow: none !important;
    position: absolute !important;
    top: -9999px !important;
}

/* Prevent body from being pushed down by the banner */
body {
    top: 0 !important;
    position: static !important;
}

/* Force body to stay in place when translated */
body.translated-ltr {
    top: 0 !important;
    position: static !important;
}

body.translated-rtl {
    top: 0 !important;
    position: static !important;
}

/* Hide the tooltip popup */
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip {
    display: none !important;
    visibility: hidden !important;
}

/* Remove highlight from translated text */
.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}

/* Hide any Google Translate gadget UI */
.goog-te-gadget,
#google_translate_hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide the combo dropdown (we use custom UI) */
.goog-te-combo {
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Hide all skiptranslate elements */
.skiptranslate {
    display: none !important;
}

/* Specific targeting for the notification bar */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

iframe.skiptranslate {
    display: none !important;
}

/* Override any inline styles Google might add */
body {
    position: static !important;
    top: 0 !important;
}

html {
    position: static !important;
    top: 0 !important;
}

/* Ensure the main content isn't pushed */
#root {
    position: relative !important;
    top: 0 !important;
}