/* NobexSkill Header Language R4 */

.nobex-lang-dropdown {
    --nobex-lang-ink: #173047;
    --nobex-lang-line: #e3e9ef;
    --nobex-lang-soft: #f7f9fb;
    --nobex-lang-accent: #ff6f4f;

    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1205 !important;
}

.nobex-lang-dropdown__trigger {
    appearance: none !important;
    -webkit-appearance: none !important;

    box-sizing: border-box !important;

    width: auto !important;
    min-width: 86px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex-direction: row !important;

    gap: 7px !important;

    border: 1px solid var(--nobex-lang-line) !important;
    border-radius: 10px !important;

    background: #fff !important;
    color: var(--nobex-lang-ink) !important;

    box-shadow:
        0 2px 8px rgba(23, 48, 71, .05) !important;

    overflow: hidden !important;

    cursor: pointer !important;

    white-space: nowrap !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;
}

.nobex-lang-dropdown__trigger:hover,
.nobex-lang-dropdown__trigger:focus-visible,
.nobex-lang-dropdown.is-open
.nobex-lang-dropdown__trigger {

    border-color:
        rgba(255, 111, 79, .42) !important;

    box-shadow:
        0 5px 16px rgba(23, 48, 71, .09) !important;

    outline: none !important;
}


/* FLAGS — CSS BACKGROUND ONLY */

.nobex-lang-flag {

    display: inline-block !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;

    flex: 0 0 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 2px !important;

    overflow: hidden !important;

    box-shadow:
        0 0 0 1px rgba(23,48,71,.10) !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}


.nobex-lang-flag--en {

    background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23c8102e' stroke-width='3'/%3E%3Cpath d='M30 0V30M0 15H60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0V30M0 15H60' stroke='%23c8102e' stroke-width='6'/%3E%3C/svg%3E")
    !important;
}


.nobex-lang-flag--bn {

    background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23006a4e'/%3E%3Ccircle cx='13' cy='10' r='6' fill='%23f42a41'/%3E%3C/svg%3E")
    !important;
}


/* TEXT */

.nobex-lang-dropdown__current,
.nobex-lang-dropdown__text {

    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}


/* CARET — NO SVG */

.nobex-lang-caret {

    box-sizing: border-box !important;

    display: inline-block !important;

    width: 7px !important;
    min-width: 7px !important;
    max-width: 7px !important;

    height: 7px !important;
    min-height: 7px !important;
    max-height: 7px !important;

    flex: 0 0 7px !important;

    margin:
        -3px 1px 0 1px !important;

    padding: 0 !important;

    border: 0 !important;

    border-right:
        1.5px solid #8190a0 !important;

    border-bottom:
        1.5px solid #8190a0 !important;

    transform:
        rotate(45deg) !important;
}


.nobex-lang-dropdown.is-open
.nobex-lang-caret {

    transform:
        rotate(225deg) !important;

    margin-top:
        3px !important;
}


/* MENU */

.nobex-lang-dropdown__menu {

    box-sizing: border-box !important;

    position: absolute !important;

    top: calc(100% + 8px) !important;

    right: 0 !important;
    left: auto !important;

    display: none !important;

    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;

    margin: 0 !important;
    padding: 6px !important;

    border:
        1px solid var(--nobex-lang-line) !important;

    border-radius:
        12px !important;

    background:
        #fff !important;

    box-shadow:
        0 16px 38px rgba(17,39,59,.15) !important;

    overflow:
        hidden !important;

    z-index:
        1210 !important;
}


.nobex-lang-dropdown.is-open
.nobex-lang-dropdown__menu {

    display:
        block !important;
}


.nobex-lang-dropdown__option {

    box-sizing:
        border-box !important;

    width:
        100% !important;

    min-height:
        40px !important;

    margin:
        0 !important;

    padding:
        0 10px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        9px !important;

    border:
        0 !important;

    border-radius:
        8px !important;

    background:
        transparent !important;

    color:
        var(--nobex-lang-ink) !important;

    text-decoration:
        none !important;

    font-family:
        inherit !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;
}


.nobex-lang-dropdown__option:hover,
.nobex-lang-dropdown__option:focus-visible {

    background:
        var(--nobex-lang-soft) !important;

    outline:
        none !important;
}


.nobex-lang-dropdown__option.is-active {

    background:
        #fff2ee !important;

    color:
        var(--nobex-lang-accent) !important;
}


.nobex-lang-dropdown__check {

    margin-left:
        auto !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    color:
        var(--nobex-lang-accent) !important;
}


/* HEADER POSITION */

.nobex-premium-header
.nobex-header-actions
> .nobex-lang-dropdown {

    display:
        inline-flex !important;

    align-self:
        center !important;

    order:
        0 !important;
}


/* MOBILE SEARCH = DRAWER ONLY */

@media (max-width: 1180px) {
    .nobex-premium-header .nobex-desktop-search {
        display: none !important;
    }
}

.nobex-premium-header
.nobex-mobile-search-toggle,

.nobex-premium-header
.nobex-mobile-search[data-nobex-mobile-search] {

    display:
        none !important;
}


.nobex-mobile-drawer-search {

    margin:
        2px 0 16px !important;
}


.nobex-mobile-drawer-search form {

    height:
        44px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        8px !important;

    padding:
        0 10px 0 13px !important;

    border:
        1px solid #e3e9ef !important;

    border-radius:
        11px !important;

    background:
        #f8fafc !important;
}


.nobex-mobile-drawer-search svg {

    width:
        17px !important;

    height:
        17px !important;

    max-width:
        17px !important;

    max-height:
        17px !important;

    flex:
        0 0 17px !important;
}


.nobex-mobile-drawer-search input {

    min-width:
        0 !important;

    flex:
        1 1 auto !important;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


.nobex-mobile-drawer-search button {

    width:
        34px !important;

    height:
        32px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        0 !important;

    border-radius:
        8px !important;

    background:
        #ff6f4f !important;

    color:
        #fff !important;
}


/* REAL LEGACY CATEGORY RAIL */

#categories-tab-slider-retired[
    data-nobex-retired-category-rail="true"
] {
    display:
        none !important;

    visibility:
        hidden !important;

    height:
        0 !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;
}


/* THEME 2 */

.nobex-theme2-language-desktop {

    display:
        inline-flex !important;

    align-items:
        center !important;
}


.nobex-theme2-mobile-language {

    display:
        none !important;

    justify-content:
        flex-end !important;

    align-items:
        center !important;

    width:
        100% !important;
}


/* MOBILE */

@media (max-width: 1180px) {

    .nobex-premium-header
    .nobex-header-main {

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            5px !important;
    }


    .nobex-premium-header
    .nobex-brand {

        min-width:
            0 !important;

        flex:
            1 1 auto !important;

        overflow:
            hidden !important;
    }


    .nobex-premium-header
    .nobex-brand-logo,

    .nobex-premium-header
    .nobex-brand-text {

        max-width:
            118px !important;
    }


    .nobex-premium-header
    .nobex-header-actions {

        margin-left:
            auto !important;

        flex:
            0 0 auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            3px !important;

        white-space:
            nowrap !important;
    }


    .nobex-premium-header
    .nobex-lang-dropdown__trigger {

        min-width:
            70px !important;

        height:
            36px !important;

        min-height:
            36px !important;

        max-height:
            36px !important;

        padding:
            0 7px !important;

        gap:
            5px !important;

        font-size:
            12px !important;

        border-radius:
            9px !important;
    }


    .nobex-premium-header
    .nobex-lang-flag {

        width:
            18px !important;

        min-width:
            18px !important;

        max-width:
            18px !important;

        height:
            12px !important;

        min-height:
            12px !important;

        max-height:
            12px !important;

        flex-basis:
            18px !important;
    }


    .nobex-premium-header
    .nobex-lang-dropdown__menu {

        width:
            138px !important;

        min-width:
            138px !important;

        max-width:
            138px !important;
    }
}


@media (max-width: 991px) {

    .nobex-theme2-language-desktop {
        display:
            none !important;
    }

    .nobex-theme2-mobile-language {
        display:
            flex !important;
    }
}


@media (max-width: 380px) {

    .nobex-premium-header
    .nobex-brand-logo,

    .nobex-premium-header
    .nobex-brand-text {

        max-width:
            108px !important;
    }


    .nobex-premium-header
    .nobex-lang-dropdown__trigger {

        min-width:
            66px !important;

        padding:
            0 6px !important;

        gap:
            4px !important;
    }
}