/* ==============================================================================
   KARGORA EXPRESS - GOOGLE LANGUAGE TRANSLATOR STYLES
   - Complete Google Translate banner / toolbar / frame elimination
   - Header & Mobile Drawer Z-Index stacking fix (NEVER behind page content)
   - Desktop Header Language matching Contact Support & Email Us alignment
   - Mobile Navigation clean single-row selector with zero horizontal overflow
   - Strictly hidden mobile item on desktop navbar
   - Complete NiceSelect suppression for translator select
   - Full Dark Mode Support (.theme-dark)
   ============================================================================== */

/* ── 1. Total Suppression of Google Translate Banner, Frames & Tooltips ── */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
iframe.goog-te-banner,
.goog-te-banner,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.VIpgJd-ZVi9od-OR9Pa-bO2fDa,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-y6EKJ-UbuQg,
.VIpgJd-ZVi9od-SmfZ-OueMb,
iframe[id^=":1.container"],
iframe[id^=":2.container"],
iframe[id*="goog-te"],
iframe[src*="translate.google.com/translate_a"],
.goog-te-spinner-pos {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    border: 0 !important;
    outline: none !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    z-index: -99999 !important;
    pointer-events: none !important;
    clip: rect(0, 0, 0, 0) !important;
}

body {
    top: 0px !important;
    position: static !important;
}

html {
    top: 0px !important;
}

/* Remove hover highlight and borders from translated text */
.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

font font {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hidden native Google Translate container */
#google_translate_element,
.goog-te-gadget {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ── 2. Header & Mobile Navigation Stacking Context Fix (Always On Top) ── */
.header-area {
    position: relative !important;
    z-index: 999999 !important;
}

.prevoz-nav-style {
    position: relative !important;
    z-index: 999999 !important;
}

.navbar-area {
    position: relative !important;
    z-index: 999999 !important;
}

@media only screen and (max-width: 991px) {
    .header-area,
    .prevoz-nav-style,
    .navbar-area,
    .mobile-nav,
    .mobile-nav.mean-container {
        position: relative !important;
        z-index: 999999 !important;
    }

    .mean-container .mean-bar {
        position: absolute !important;
        z-index: 999999 !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .mean-container a.meanmenu-reveal,
    .mean-container .mean-nav {
        pointer-events: auto !important;
    }

    .mobile-header-actions,
    .mobile-nav .logo {
        z-index: 1000005 !important;
        pointer-events: auto !important;
    }

    .mobile-header-actions * {
        pointer-events: auto !important;
    }

    .mean-container .mean-nav {
        position: relative !important;
        z-index: 999999 !important;
        background-color: #ffffff !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    }
}

/* ── 3. Desktop Header Language Selector (Flex Aligned with Support & Email) ── */
.top-header .header-right-content ul li.kgx-header-lang-item {
    display: inline-block !important;
    padding-left: 0 !important;
    position: relative !important;
    margin-right: 0 !important;
    top: 8px !important;
    text-align: left !important;
    vertical-align: top !important;
}

.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown {
    position: relative !important;
    display: block !important;
}

/* Clickable trigger anchor: flexbox container with exact icon + text alignment */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    user-select: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Circular icon bubble matching phone and email exactly (35px, border, centered icon) */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-icon-bubble {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    border: 1px solid #f3ddd0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    flex-shrink: 0 !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-icon-bubble i {
    position: static !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    border: none !important;
    border-radius: 0 !important;
    color: #00a6a6 !important;
    font-size: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: color 0.2s ease !important;
}

.top-header .header-right-content ul li.kgx-header-lang-item:hover .kgx-lang-icon-bubble,
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-icon-bubble {
    border-color: #00a6a6 !important;
    background-color: rgba(0, 166, 166, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 166, 166, 0.2) !important;
}

/* Text info column */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-info {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    line-height: 1 !important;
}

/* Top label: 'Select Language' */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-label {
    display: block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    color: #7a7e9a !important;
    font-weight: 500 !important;
    margin-bottom: 3px !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

/* Current active language & caret */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-val {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #24416b !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

.top-header .header-right-content ul li.kgx-header-lang-item:hover .kgx-lang-val,
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-val {
    color: #00a6a6 !important;
}

/* Dropdown arrow caret */
.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-caret {
    position: static !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    margin-left: 2px !important;
    color: #7a7e9a !important;
    transition: transform 0.25s ease, color 0.2s ease !important;
}

.top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-caret {
    transform: rotate(180deg) !important;
    color: #00a6a6 !important;
}

/* Desktop Dropdown Popover Menu */
.kgx-lang-menu {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;
    width: 300px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    z-index: 1050 !important;
    display: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: kgxDropdownFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.kgx-lang-dropdown.active .kgx-lang-menu {
    display: flex !important;
}

@keyframes kgxDropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Search Box Inside Popover */
.kgx-lang-menu-header {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #f8fafc !important;
}

.kgx-lang-search-box {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.kgx-lang-search-box i {
    position: absolute !important;
    left: 10px !important;
    color: #94a3b8 !important;
    font-size: 16px !important;
    pointer-events: none !important;
}

.kgx-lang-search-box input {
    width: 100% !important;
    padding: 7px 12px 7px 32px !important;
    font-size: 13px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    outline: none !important;
    background: #ffffff !important;
    color: #0f172a !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
}

.kgx-lang-search-box input:focus {
    border-color: #00a6a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 166, 166, 0.15) !important;
}

/* Scrollable Language List */
.kgx-lang-menu-list {
    max-height: 280px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
    scroll-behavior: smooth !important;
}

.kgx-lang-menu-list::-webkit-scrollbar {
    width: 6px;
}
.kgx-lang-menu-list::-webkit-scrollbar-track {
    background: transparent;
}
.kgx-lang-menu-list::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.kgx-lang-menu-list::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Individual Language Item */
.kgx-lang-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 14px !important;
    color: #1e293b !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    font-size: 13px !important;
}

.kgx-lang-item:hover {
    background-color: #f1f5f9 !important;
    color: #00a6a6 !important;
}

.kgx-lang-item.active {
    background-color: rgba(0, 166, 166, 0.08) !important;
    color: #00a6a6 !important;
    font-weight: 600 !important;
}

.kgx-lang-item-content {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.kgx-lang-item-flag {
    font-size: 16px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.kgx-lang-item-name {
    font-weight: 600 !important;
    color: inherit !important;
    white-space: nowrap !important;
}

.kgx-lang-item-sub {
    font-size: 11.5px !important;
    color: #64748b !important;
    margin-left: 3px !important;
}

.kgx-lang-item.active .kgx-lang-item-sub {
    color: #00a6a6 !important;
}

.kgx-lang-item-check {
    font-size: 17px !important;
    color: #00a6a6 !important;
    opacity: 0 !important;
    transition: opacity 0.15s !important;
    flex-shrink: 0 !important;
}

.kgx-lang-item.active .kgx-lang-item-check {
    opacity: 1 !important;
}

.kgx-lang-no-results {
    padding: 16px !important;
    text-align: center !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    display: none !important;
}

/* Menu Footer (Reset & Google attribution) */
.kgx-lang-menu-footer {
    padding: 8px 12px !important;
    border-top: 1px solid #f1f5f9 !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 11.5px !important;
}

.kgx-lang-reset-btn {
    background: none !important;
    border: none !important;
    color: #64748b !important;
    cursor: pointer !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color 0.2s, background-color 0.2s !important;
}

.kgx-lang-reset-btn:hover {
    color: #00a6a6 !important;
    background: rgba(0, 166, 166, 0.08) !important;
}

.kgx-powered-by {
    color: #94a3b8 !important;
    font-size: 11px !important;
}

/* ── 4. Mobile Navigation Drawer Clean Single-Row Selector ── */

/* Override MeanMenu box-sizing and eliminate horizontal scrolling */
.mean-container,
.mean-container *,
.mean-container .mean-bar,
.mean-container .mean-bar *,
.mean-container .mean-nav,
.mean-container .mean-nav * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.mobile-nav,
.mobile-nav.mean-container,
.mean-container .mean-bar,
.mean-container .mean-nav {
    overflow: visible !important;
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* STRICTLY HIDE mobile language item on desktop (>= 992px) */
@media (min-width: 992px) {
    .navbar-nav .kgx-mobile-lang-item,
    .main-nav .kgx-mobile-lang-item,
    .navbar-collapse .kgx-mobile-lang-item,
    li.kgx-mobile-lang-item {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        pointer-events: none !important;
    }
}

/* Mobile Language Item inside MeanMenu drawer (< 992px) */
@media (max-width: 991px) {
    .mean-container .mean-nav ul li.kgx-mobile-lang-item,
    li.kgx-mobile-lang-item {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: #f8fafc !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        list-style: none !important;
        clear: both !important;
        display: block !important;
    }
}

/* Suppress any MeanMenu-generated expand '+' or arrows on language item */
.mean-container .mean-nav ul li.kgx-mobile-lang-item a.mean-expand,
.mean-container .mean-nav ul li.kgx-mobile-lang-item > a {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* SUPPRESS NiceSelect on the mobile language selector */
.kgx-mobile-lang-row .nice-select,
.mean-container .mean-nav .kgx-mobile-lang-row .nice-select,
.kgx-mobile-lang-dropdown .nice-select {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Single clean row: Label on left, custom trigger on right */
.kgx-mobile-lang-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    width: 100% !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
    position: relative !important;
}

.kgx-mobile-lang-title {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.kgx-mobile-lang-title i {
    font-size: 18px !important;
    color: #00a6a6 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.kgx-mobile-lang-dropdown {
    position: relative !important;
    flex: 1 !important;
    max-width: 225px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

/* Mobile Trigger Button (matching desktop clean style) */
.kgx-mobile-lang-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    outline: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    gap: 6px !important;
    user-select: none !important;
}

.kgx-mobile-lang-trigger:hover,
.kgx-mobile-lang-dropdown.active .kgx-mobile-lang-trigger {
    border-color: #00a6a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 166, 166, 0.15) !important;
}

.kgx-mobile-lang-flag {
    font-size: 15px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.kgx-mobile-lang-text {
    flex: 1 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: inherit !important;
}

.kgx-mobile-lang-caret {
    font-size: 16px !important;
    color: #00a6a6 !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease !important;
    margin-left: 2px !important;
}

.kgx-mobile-lang-dropdown.active .kgx-mobile-lang-caret {
    transform: rotate(180deg) !important;
}

/* Mobile Custom Popover Menu */
.kgx-mobile-lang-dropdown .kgx-mobile-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    width: 280px !important;
    max-width: calc(100vw - 28px) !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    z-index: 1000005 !important;
    display: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: kgxDropdownFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.kgx-mobile-lang-dropdown.active .kgx-mobile-menu {
    display: flex !important;
}

@media (max-width: 360px) {
    .kgx-mobile-lang-dropdown .kgx-mobile-menu {
        width: calc(100vw - 24px) !important;
        right: -6px !important;
    }
}

/* Language search item hidden state */
.kgx-lang-item.kgx-hidden {
    display: none !important;
}

/* Ensure mobile nav drawer height is auto (override meanmenu 300px scroll limit) */
@media only screen and (max-width: 991px) {
    .mobile-nav nav .navbar-nav,
    .mean-container .mean-nav ul.navbar-nav,
    .mean-container .mean-nav ul {
        height: auto !important;
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
    }
}

.kgx-mobile-menu .kgx-lang-menu-list {
    max-height: 200px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
    scroll-behavior: smooth !important;
}

/* Override MeanMenu generic 'ul li a' styles for mobile dropdown items */
.mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item,
.kgx-mobile-menu a.kgx-lang-item {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 14px !important;
    margin: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #1e293b !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: normal !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

.mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item:hover,
.kgx-mobile-menu a.kgx-lang-item:hover {
    background-color: #f1f5f9 !important;
    color: #00a6a6 !important;
}

.mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item.active,
.kgx-mobile-menu a.kgx-lang-item.active {
    background-color: rgba(0, 166, 166, 0.08) !important;
    color: #00a6a6 !important;
    font-weight: 600 !important;
}

.mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-sub,
.kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-sub {
    color: #00a6a6 !important;
}

.mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-check,
.kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-check {
    opacity: 1 !important;
}

/* Override MeanMenu generic 'ul li a' styles for mobile footer reset button */
.mean-container .mean-nav .kgx-mobile-menu .kgx-lang-reset-btn,
.kgx-mobile-menu .kgx-lang-reset-btn {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    text-transform: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: color 0.2s, background-color 0.2s !important;
}

.mean-container .mean-nav .kgx-mobile-menu .kgx-lang-reset-btn:hover,
.kgx-mobile-menu .kgx-lang-reset-btn:hover {
    color: #00a6a6 !important;
    background: rgba(0, 166, 166, 0.08) !important;
}

/* ── 5. Full Dark Theme Support (.theme-dark) ── */
body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-icon-bubble {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: #141a23 !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-icon-bubble i {
    color: #2dd4bf !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item:hover .kgx-lang-icon-bubble,
body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-icon-bubble {
    border-color: #2dd4bf !important;
    background-color: rgba(45, 212, 191, 0.12) !important;
    box-shadow: 0 2px 8px rgba(45, 212, 191, 0.25) !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-label {
    color: #ffffff !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-val {
    color: #ffffff !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item:hover .kgx-lang-val,
body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-val {
    color: #2dd4bf !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-caret {
    color: #94a3b8 !important;
}

body.theme-dark .top-header .header-right-content ul li.kgx-header-lang-item .kgx-lang-dropdown.active .kgx-lang-caret {
    color: #2dd4bf !important;
}

/* Dark Popover Menu */
body.theme-dark .kgx-lang-menu {
    background: #141a23 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

body.theme-dark .kgx-lang-menu-header {
    background: #0d121a !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .kgx-lang-search-box input {
    background: #1a222d !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
}

body.theme-dark .kgx-lang-search-box input:focus {
    border-color: #00a6a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 166, 166, 0.25) !important;
}

body.theme-dark .kgx-lang-item {
    color: #e2e8f0 !important;
}

body.theme-dark .kgx-lang-item:hover {
    background-color: #1a222d !important;
    color: #2dd4bf !important;
}

body.theme-dark .kgx-lang-item.active {
    background-color: rgba(0, 166, 166, 0.18) !important;
    color: #2dd4bf !important;
}

body.theme-dark .kgx-lang-item-sub {
    color: #94a3b8 !important;
}

body.theme-dark .kgx-lang-item.active .kgx-lang-item-sub {
    color: #2dd4bf !important;
}

body.theme-dark .kgx-lang-menu-list::-webkit-scrollbar-thumb {
    background: #334155 !important;
}

body.theme-dark .kgx-lang-menu-list::-webkit-scrollbar-thumb:hover {
    background: #475569 !important;
}

body.theme-dark .kgx-lang-menu-footer {
    background: #0d121a !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .kgx-lang-reset-btn {
    color: #94a3b8 !important;
}

body.theme-dark .kgx-lang-reset-btn:hover {
    color: #2dd4bf !important;
    background: rgba(0, 166, 166, 0.15) !important;
}

/* Dark Mobile Drawer */
body.theme-dark .mean-container .mean-nav ul li.kgx-mobile-lang-item,
body.theme-dark li.kgx-mobile-lang-item {
    background: #141a23 !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .kgx-mobile-lang-title {
    color: #f1f5f9 !important;
}

body.theme-dark .kgx-mobile-lang-trigger {
    background-color: #1a222d !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
}

body.theme-dark .kgx-mobile-lang-trigger:hover,
body.theme-dark .kgx-mobile-lang-dropdown.active .kgx-mobile-lang-trigger {
    border-color: #00a6a6 !important;
    box-shadow: 0 0 0 3px rgba(0, 166, 166, 0.25) !important;
}

body.theme-dark .kgx-mobile-lang-caret {
    color: #2dd4bf !important;
}

body.theme-dark .kgx-mobile-lang-dropdown .kgx-mobile-menu {
    background: #141a23 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item,
body.theme-dark .kgx-mobile-menu a.kgx-lang-item {
    color: #e2e8f0 !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item:hover,
body.theme-dark .kgx-mobile-menu a.kgx-lang-item:hover {
    background-color: #1a222d !important;
    color: #2dd4bf !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item.active,
body.theme-dark .kgx-mobile-menu a.kgx-lang-item.active {
    background-color: rgba(0, 166, 166, 0.18) !important;
    color: #2dd4bf !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-sub,
body.theme-dark .kgx-mobile-menu a.kgx-lang-item.active .kgx-lang-item-sub {
    color: #2dd4bf !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu .kgx-lang-reset-btn,
body.theme-dark .kgx-mobile-menu .kgx-lang-reset-btn {
    color: #94a3b8 !important;
}

body.theme-dark .mean-container .mean-nav .kgx-mobile-menu .kgx-lang-reset-btn:hover,
body.theme-dark .kgx-mobile-menu .kgx-lang-reset-btn:hover {
    color: #2dd4bf !important;
    background: rgba(0, 166, 166, 0.15) !important;
}