/* Golf Al Arab — always-visible language links on mobile/tablet Bam navigation */
#site-navigation-inner .ga-mobile-language-switcher {
    display: none;
}

@media screen and (max-width: 958px) {
    #site-navigation-inner {
        position: relative !important;
    }

    /* Hide the original switcher inside the collapsed menu; the compact bar version replaces it. */
    #site-navigation-inner #primary-menu > li.lang-item,
    #site-navigation-inner #primary-menu > li.pll-parent-menu-item,
    #site-navigation-inner #primary-menu > li.menu-item-language,
    .mobile-navigation #primary-menu > li.lang-item,
    .mobile-navigation #primary-menu > li.pll-parent-menu-item,
    .mobile-navigation #primary-menu > li.menu-item-language {
        display: none !important;
    }

    #site-navigation-inner .ga-mobile-language-switcher {
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        gap: 4px !important;
        width: auto !important;
        max-width: 104px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 100100 !important;
        direction: ltr !important;
    }

    #site-navigation-inner .ga-mobile-language-switcher a.ga-mobile-lang-link {
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #c9aa59 !important;
        border-radius: 18px !important;
        background: #064b39 !important;
        color: #fffaf0 !important;
        font-family: inherit !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .02em !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
        transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
    }

    /* Active language is identified with gold text/border, not a permanently gold fill. */
    #site-navigation-inner .ga-mobile-language-switcher a.ga-mobile-lang-link.is-current {
        background: #064b39 !important;
        color: #e2c878 !important;
        border-color: #c9aa59 !important;
        box-shadow: inset 0 -2px 0 #c9aa59 !important;
    }

    #site-navigation-inner .ga-mobile-language-switcher a.ga-mobile-lang-link:hover,
    #site-navigation-inner .ga-mobile-language-switcher a.ga-mobile-lang-link:focus-visible {
        background: #c9aa59 !important;
        color: #064b39 !important;
        border-color: #e2c878 !important;
        outline: none;
    }
}

@media screen and (max-width: 350px) {
    #site-navigation-inner .ga-mobile-language-switcher {
        gap: 3px !important;
    }

    #site-navigation-inner .ga-mobile-language-switcher a.ga-mobile-lang-link {
        flex-basis: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 29px !important;
        min-height: 29px !important;
        font-size: 11px !important;
    }
}