/* language.css - Google Translate & Language Switcher Styles
   Contents:
   1. Anti-Flash & State Logic
   2. Google UI Hiding (Banner & Frames)
   3. Layout Fixes (Body/HTML Reset)
   4. Visual Artifact Prevention
*/


/* -------------------------------------------------------------------------- */
/*                        1. ANTI-FLASH & STATE LOGIC                         */
/* -------------------------------------------------------------------------- */

/* Hides body temporarily while translation loads */
body.lang-pending {
    opacity: 0 !important;
    transition: opacity 0.5s ease;
}


/* -------------------------------------------------------------------------- */
/*                   2. GOOGLE UI HIDING (BANNER & FRAMES)                    */
/* -------------------------------------------------------------------------- */

/* Hide Top Banner Frame */
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.skiptranslate {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: -9999px !important;
    display: none !important;
}

/* Hide Floating Widget Icon */
.goog-te-gadget-icon {
    display: none !important;
}


/* -------------------------------------------------------------------------- */
/*                       3. LAYOUT FIXES (BODY/HTML RESET)                    */
/* -------------------------------------------------------------------------- */

/* Prevent Google Margin Shift */
body {
    top: 0px !important;
    position: static !important;
    margin-top: 0px !important;
}

html {
    margin-top: 0px !important;
    height: 100% !important;
}


/* -------------------------------------------------------------------------- */
/*                      4. VISUAL ARTIFACT PREVENTION                         */
/* -------------------------------------------------------------------------- */

/* Fix "White Blink" on Text */
font,
font * {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

font:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}