/**
 * Carvantic Translate - Frontend Styles
 * Hides Google Translate UI while keeping it functional
 */

/* Google Translate container must exist in the DOM for init,
   but we don't want it visible. Use off-screen positioning
   instead of display:none which breaks initialization. */
#google_translate_element {
    position: fixed !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide the Google Translate top banner frame */
.goog-te-banner-frame {
    display: none !important;
}

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

/* Google Translate's skip-translate bar */
.skiptranslate {
    display: none !important;
}

/* Google Translate adds body { top: 40px !important } — counter it */
body {
    top: 0 !important;
    position: static !important;
}

/* Active language in navbar */
.language-link.current-lang {
    color: #E60000 !important;
    font-weight: 700;
}

/* Language indicator (if used elsewhere) */
.carvantic-language-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: rgba(230, 0, 0, 0.1);
    border: 1px solid rgba(230, 0, 0, 0.3);
    border-radius: 20px;
    font-size: 0.85rem;
    color: #C0C0C0;
}