/* Hide Google Translate Top Bar (Iframe) */
.goog-te-banner-frame.skiptranslate,
iframe.skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* Prevent body shift from Google Translate */
/* Google Translate adds top: 40px and position: relative to body - counter it */
body.translated-ltr,
body.translated-rtl,
.translated-ltr,
.translated-rtl {
    top: 0px !important;
}

/* Reset any Google Translate top offset on body */
body[style*="top"] {
    top: 0px !important;
}

/* Hide Google Translate Tooltip */
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}

/* Fix language toggle pointer */
.language-toggle span {
    cursor: pointer;
    transition: color 0.3s;
}

.language-toggle span:hover {
    color: var(--color-primary);
}

/* Prevent automatic translation of the language toggle text */
.language-toggle span {
    /* This is redundant if parent has class="notranslate", but added for safety */
    font-variant: normal;
}

/* Active state styling */
.lang-active {
    font-weight: 700;
    color: var(--color-primary);
}

.lang-inactive {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
}

/* Stealthily hide the Google Translate Element */
/* Do NOT use display: none, it prevents initialization */
#google_translate_element {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: -9999px;
    visibility: hidden;
}