/* =========================================================
   GoldPriceBD - Google Translate UI Cleanup
   =========================================================
   File:
   assets/css/components/google-translate.css

   Purpose:
   ---------------------------------------------------------
   - Hide Google Translate top banner
   - Remove Google Translate page offset
   - Hide Google injected toolbar
   - Keep translation engine functional
   - Keep custom GoldPriceBD language selector visible
   - Prevent unwanted white space / white bar
   ========================================================= */


/* =========================================================
   GOOGLE TRANSLATE TOP BANNER
   ========================================================= */

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   GOOGLE TRANSLATE BODY OFFSET
   =========================================================
   Google may inject:
   body {
       top: 40px !important;
   }

   Remove that offset.
   ========================================================= */

html {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}


body {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}


/* =========================================================
   TRANSLATED BODY STATES
   ========================================================= */

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


/* =========================================================
   GOOGLE TRANSLATE DIRECT BODY WRAPPER
   =========================================================
   Google can inject a direct body child with the
   skiptranslate class.

   Hide only the injected iframe/banner wrapper.
   Do NOT globally hide every .skiptranslate element.
   ========================================================= */

body > .skiptranslate {
    position: absolute !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    top: 0 !important;
    left: 0 !important;

    z-index: -1 !important;
}


/* =========================================================
   GOOGLE TRANSLATE INJECTED IFRAMES
   ========================================================= */

iframe.goog-te-banner-frame,
iframe.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    border: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   GOOGLE TRANSLATE BALLOON
   ========================================================= */

.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   GOOGLE TRANSLATE GADGET
   =========================================================
   The actual Google selector is not intended to be visible
   because GoldPriceBD uses its own custom language selector.
   ========================================================= */

#google_translate_element {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    min-width: 1px !important;
    min-height: 1px !important;

    max-width: 1px !important;
    max-height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    left: -10000px !important;
    top: -10000px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* =========================================================
   GOOGLE GADGET CONTENT
   ========================================================= */

#google_translate_element .goog-te-gadget,
#google_translate_element .goog-te-gadget-simple {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* =========================================================
   GOOGLE TRANSLATE ICON
   ========================================================= */

.goog-te-gadget-icon {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   GOOGLE TRANSLATE SPINNER
   ========================================================= */

.goog-te-spinner-pos {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* =========================================================
   GOOGLE TRANSLATE TOOLTIP
   ========================================================= */

.goog-tooltip {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   GOOGLE TRANSLATE HIGHLIGHT
   =========================================================
   Prevent Google's translation hover/highlight effect
   from visually interfering with the website.
   ========================================================= */

.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   SAFETY RESET AFTER GOOGLE TRANSLATION
   ========================================================= */

html[style*="margin-top"],
body[style*="top"],
body[style*="margin-top"] {
    margin-top: 0 !important;
    top: 0 !important;
}


/* =========================================================
   IMPORTANT
   =========================================================
   Do NOT hide:

   .goog-te-combo

   because blog-translate.js needs the hidden Google
   selector to perform the actual language change.

   The selector is kept functional but remains outside
   the visible GoldPriceBD UI.
   ========================================================= */