/**
 * Language switcher + dropdown (PremiumBox langlist).
 * Depends on equinox-tokens.css for var().
 */

/* Language selector: same look as Login/Register buttons */
.lang_auth_wrapper .langlist_div,
.user-bar .header__auth .langlist_div,
.info_lang_menu_wrapper .langlist_div,
.toolbar_lang .langlist_div {
    border-radius: 999px !important;
    border: 1px solid var(--eq-glass-stroke-strong) !important;
    background: var(--eq-glass-fill-strong) !important;
    backdrop-filter: blur(8px);
    box-shadow: none !important;
}

.lang_auth_wrapper .langlist_div .langlist_title,
.user-bar .header__auth .langlist_div .langlist_title,
.info_lang_menu_wrapper .langlist_div .langlist_title,
.toolbar_lang .langlist_div .langlist_title {
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

.lang_auth_wrapper .langlist_div .langlist_title span,
.user-bar .header__auth .langlist_div .langlist_title span,
.info_lang_menu_wrapper .langlist_div .langlist_title span,
.toolbar_lang .langlist_div .langlist_title span {
    color: #fff !important;
}

/* Open dropdown panel */
.lang_auth_wrapper .langlist_div .langlist_ul,
.user-bar .header__auth .langlist_div .langlist_ul,
.user-bar .tolbar_lang .langlist_div .langlist_ul,
.info_lang_menu_wrapper .langlist_div .langlist_ul {
    margin-top: 8px;
    border-radius: 18px !important;
    border: 1px solid var(--eq-glass-stroke-bright) !important;
    background: var(--eq-surface-dropdown) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: var(--eq-shadow-float);
}

.lang_auth_wrapper .langlist_div .langlist_ul a.langlist_li,
.user-bar .header__auth .langlist_div .langlist_ul a.langlist_li,
.user-bar .tolbar_lang .langlist_div .langlist_ul a.langlist_li,
.info_lang_menu_wrapper .langlist_div .langlist_ul a.langlist_li {
    background: transparent !important;
    color: #dbe6ff !important;
    border-bottom: 1px solid var(--eq-glass-fill-strong) !important;
}

.lang_auth_wrapper .langlist_div .langlist_ul a.langlist_li:last-child,
.user-bar .header__auth .langlist_div .langlist_ul a.langlist_li:last-child,
.user-bar .tolbar_lang .langlist_div .langlist_ul a.langlist_li:last-child,
.info_lang_menu_wrapper .langlist_div .langlist_ul a.langlist_li:last-child {
    border-bottom: 0 !important;
}

.lang_auth_wrapper .langlist_div .langlist_ul a.langlist_li:hover,
.user-bar .header__auth .langlist_div .langlist_ul a.langlist_li:hover,
.user-bar .tolbar_lang .langlist_div .langlist_ul a.langlist_li:hover,
.info_lang_menu_wrapper .langlist_div .langlist_ul a.langlist_li:hover {
    background: var(--eq-accent-soft-hover) !important;
    color: #fff !important;
}

/* Hard override legacy lang styles from style-rtl.css */
.lang_auth_wrapper .langlist_div,
.lang_auth_wrapper .langlist_div:hover,
.user-bar .header__auth .langlist_div,
.user-bar .header__auth .langlist_div:hover,
.user-bar .tolbar_lang .langlist_div,
.user-bar .tolbar_lang .langlist_div:hover {
    background: var(--eq-glass-fill-strong) !important;
    border: 1px solid var(--eq-glass-stroke-strong) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: none !important;
}

.lang_auth_wrapper .langlist_div .langlist_title,
.lang_auth_wrapper .langlist_div .langlist_title:hover,
.lang_auth_wrapper .langlist_div .langlist_title:active,
.lang_auth_wrapper .langlist_div .langlist_title.active,
.user-bar .header__auth .langlist_div .langlist_title,
.user-bar .header__auth .langlist_div .langlist_title:hover,
.user-bar .header__auth .langlist_div .langlist_title:active,
.user-bar .header__auth .langlist_div .langlist_title.active,
.user-bar .tolbar_lang .langlist_div .langlist_title,
.user-bar .tolbar_lang .langlist_div .langlist_title:hover,
.user-bar .tolbar_lang .langlist_div .langlist_title:active,
.user-bar .tolbar_lang .langlist_div .langlist_title.active {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 999px !important;
    opacity: 1 !important;
}

.lang_auth_wrapper .langlist_div span,
.lang_auth_wrapper .langlist_div .langlist_title span,
.user-bar .header__auth .langlist_div .langlist_title span,
.user-bar .tolbar_lang .langlist_div .langlist_title span {
    color: #fff !important;
    background: transparent !important;
}

/* PremiumBox-safe layering for open language dropdown */
.user-bar,
.user-bar__container,
.user-bar__left,
.tolbar_lang,
.lang_auth_wrapper {
    overflow: visible !important;
}

.user-bar .tolbar_lang .langlist_div,
.user-bar .header__auth .langlist_div,
.lang_auth_wrapper .langlist_div {
    position: relative !important;
    z-index: 6000 !important;
}

.tolbar_lang .langlist_div .langlist_ul,
.lang_auth_wrapper .langlist_div .langlist_ul,
.user-bar .header__auth .langlist_div .langlist_ul,
.user-bar .tolbar_lang .langlist_div .langlist_ul,
.info_lang_menu_wrapper .langlist_div .langlist_ul {
    position: absolute !important;
    z-index: 7000 !important;
    pointer-events: auto !important;
}

.tolbar_lang .langlist_div .langlist_ul a.langlist_li,
.lang_auth_wrapper .langlist_div .langlist_ul a.langlist_li,
.user-bar .header__auth .langlist_div .langlist_ul a.langlist_li,
.user-bar .tolbar_lang .langlist_div .langlist_ul a.langlist_li,
.info_lang_menu_wrapper .langlist_div .langlist_ul a.langlist_li {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
}

/* When lang list is open: lift user bar above fixed nav so clicks hit the menu (synced via equinox-lang-force-js) */
.equinox-lang-open .header__logo,
.equinox-lang-open .header__logo-desktop,
.equinox-lang-open .header__logo-mobile {
    pointer-events: none !important;
}

.equinox-lang-open .user-bar,
.equinox-lang-open .user-bar__container {
    z-index: 12000 !important;
}

/* Desktop: compact lang pill in user bar */
@media only screen and (min-width: 641px) {
    body.equinox-shell .user-bar .tolbar_lang .langlist_title,
    body.equinox-shell .user-bar .header__auth .langlist_title {
        padding: 0.6rem 1.4rem !important;
        min-height: 2.8rem !important;
        display: inline-flex !important;
        align-items: center !important;
        line-height: 1.4rem !important;
    }
}

/* Mobile: language lives in drawer / flags — hide top-bar duplicates */
@media only screen and (max-width: 640px) {
    body.equinox-shell .user-bar .tolbar_lang,
    body.equinox-shell .lang_auth_wrapper .tolbar_lang,
    body.equinox-shell .logo_operator_wrapper .tolbar_lang,
    body.equinox-shell .navigation .lang_auth_wrapper,
    body.equinox-shell .info_lang_menu_wrapper .lang_auth_wrapper {
        display: none !important;
    }
}