/* 
   ═══════════════════════════════════════════════
   NYX TRANSLATION WIDGET — PREMIUM DARK CYBERPUNK
   ═══════════════════════════════════════════════ 
*/

#google_translate_element {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    transition: all 0.3s ease;
}

/* Hide the default Google branding as much as possible */
.goog-logo-link, 
.goog-te-gadget span,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
    font-size: 0 !important;
}

/* Base Widget Container */
#google_translate_element .goog-te-gadget-simple {
    background: rgba(10, 10, 15, 0.6) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(255, 46, 99, 0.3) !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#google_translate_element .goog-te-gadget-simple:hover {
    background: rgba(10, 10, 15, 0.85) !important;
    border-color: rgba(255, 46, 99, 0.8) !important;
    box-shadow: 0 0 15px rgba(255, 46, 99, 0.25), inset 0 0 5px rgba(255, 46, 99, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* Icon / Text Inside Widget */
#google_translate_element .goog-te-gadget-simple img {
    display: none !important;
}

#google_translate_element .goog-te-gadget-simple::before {
    content: '🌐';
    font-size: 1rem;
    filter: drop-shadow(0 0 5px rgba(255, 46, 99, 0.5));
}

#google_translate_element .goog-te-menu-value {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#google_translate_element .goog-te-menu-value span:nth-child(3),
#google_translate_element .goog-te-menu-value span:nth-child(5) {
    display: none !important; /* Hide the dropdown arrow from Google */
}

#google_translate_element .goog-te-menu-value::after {
    content: '▼';
    font-size: 0.6rem;
    margin-left: 6px;
    opacity: 0.5;
    transition: transform 0.3s ease;
}

#google_translate_element .goog-te-gadget-simple:hover .goog-te-menu-value::after {
    opacity: 1;
    color: #ff2e63;
}

/* Custom Dropdown Styling (Targeted via Iframe as Google injects it) */
/* Note: CSS inside iframes is tricky, but we can style the top-level menu if it's injected in the main DOM */
.goog-te-menu-frame {
    box-shadow: 0 15px 40px rgba(0,0,0,0.8) !important;
    border: 1px solid rgba(255,46,99,0.4) !important;
    border-radius: 12px !important;
    background: #050508 !important;
}

/* Fix for mobile header spacing */
@media (max-width: 768px) {
    #google_translate_element {
        margin-left: 5px;
    }
    #google_translate_element .goog-te-gadget-simple {
        padding: 4px 8px !important;
    }
    #google_translate_element .goog-te-menu-value {
        font-size: 0.7rem !important;
    }
}

/* Utility to hide the Google Translate bar that appears at the top */
body {
    top: 0 !important;
}
.skiptranslate iframe.goog-te-banner-frame {
    display: none !important;
}

/* Hide Google Translate feedback/tooltip panel at bottom-left */
#goog-gt-tt,
.goog-te-balloon-frame,
div#goog-gt-tt,
.goog-text-highlight,
.goog-te-ftd-entry,
.goog-te-ftd,
iframe.goog-te-menu-frame,
.skiptranslate > iframe,
div[id^="goog-gt"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}