/**
 * Google Translate Widget Override
 * Hide branding and customize appearance
 * Load this after the main CSS for maximum specificity
 */

/* Force hide "Select Language" text with maximum specificity */
body .translate-container .translate-widget .goog-te-gadget-simple .goog-te-menu-value span:first-child,
body #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:first-child,
body .goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value > span:first-of-type {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Hide Google logo and branding - Multiple selectors */
body .translate-widget img,
body #google_translate_element img,
body .goog-te-gadget img,
body .goog-te-gadget-simple img,
body .goog-te-gadget-icon,
.translate-container img,
.goog-logo-link,
.goog-te-gadget .goog-te-gadget-simple a,
#google_translate_element a,
.goog-te-gadget a {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Hide 'Powered by' text - comprehensive */
.goog-te-gadget span:first-child,
#google_translate_element span:first-child,
.goog-te-gadget-simple span:first-child,
.goog-te-gadget .goog-te-gadget-simple > span:first-child,
#google_translate_element .goog-te-gadget-simple > span:first-child {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Hide Google Translate banner and notification bar */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

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

#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
}

/* Force hide the top notification bar */
body > .skiptranslate {
    display: none !important;
}

iframe.skiptranslate {
    display: none !important;
}

/* Ensure dropdown arrow is visible */
body .translate-widget .goog-te-gadget-simple .goog-te-menu-value span:last-child {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove >> arrows and make text black */
body .translate-widget .goog-te-gadget-simple .goog-te-menu-value span:last-child::before,
body .translate-widget .goog-te-gadget-simple .goog-te-menu-value span::before,
.goog-te-gadget-simple .goog-te-menu-value span::before {
    content: '' !important;
    display: none !important;
}

/* Make language text black */
body .translate-widget .goog-te-gadget-simple,
body .translate-widget .goog-te-gadget-simple .goog-te-menu-value,
body .translate-widget .goog-te-gadget-simple .goog-te-menu-value span,
body #google_translate_element .goog-te-gadget-simple,
body #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    color: #000000 !important;
}

/* Allow dropdown to be visible and functional */
.goog-te-gadget .goog-te-combo {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10000 !important;
    background: transparent !important;
    border: none !important;
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    outline: none !important;
}

/* Ensure the clickable widget is functional */
.goog-te-gadget-simple {
    cursor: pointer !important;
    pointer-events: auto !important;
}

.translate-container {
    position: relative !important;
    z-index: 10000 !important;
}

.translate-widget {
    position: relative !important;
    z-index: 10000 !important;
}

/* Style the language dropdown - Ensure it's visible */
.goog-te-menu2 {
    display: block !important;
    visibility: visible !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    z-index: 9999 !important;
}

.goog-te-menu-frame {
    display: block !important;
    visibility: visible !important;
    z-index: 9999 !important;
}

.goog-te-menu2-item {
    padding: 8px 16px !important;
    transition: background-color 0.2s ease !important;
}

.goog-te-menu2-item:hover {
    background-color: #FFF8E1 !important;
}

.goog-te-menu2-item-selected {
    background-color: #FFD700 !important;
    color: #1f1f1f !important;
    font-weight: 600 !important;
}