/**
 * HTBK Multilingual UI & Google Translation Override Styles
 */

/* 1. Complete Suppression of Google Translate Banner, Tooltips & Frames */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight,
.VIpgJd-ZVi9od-OR9Gae-sztRAe,
.VIpgJd-ZVi9od-OR9Gae-sztRAe-sfgmPr,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q,
.VIpgJd-yAWNEb-hvhgNd,
#google_translate_element {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

/* 2. Prevent Body Pushdown */
body {
    top: 0px !important;
    position: static !important;
}

body > .skiptranslate {
    display: none !important;
}

/* 3. Remove Highlight and Hover effects from Google Translate */
.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. Language Switcher UI active indicators */
.htbk-lang-item {
    transition: background-color 0.15s ease, color 0.15s ease;
}

.htbk-lang-item.is-active {
    background-color: var(--color-secondary, #F1F5F9);
    font-weight: 600;
}

.htbk-lang-item.is-active .htbk-lang-code {
    color: var(--color-primary, #075E8C);
    font-weight: 700;
}

.htbk-lang-badge {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
}
