/*
 * Fixes on top of the original theme (styles.css is left untouched).
 *
 * Header: the menu and the language/social block were absolutely positioned
 * inside a fixed 1170px container, so the longer Russian menu ran under the
 * language selector and social icons. On desktop they now sit in one flex row.
 */
@media only screen and (min-width: 992px) {
    #navbar .bottom-navbar .bottom-navbar-container {
        display: flex;
        align-items: center;
        gap: 30px;
        width: auto;
        max-width: 1400px;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-left-part,
    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part,
    #navbar .bottom-navbar .bottom-navbar-container .bottom-special-part {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        -webkit-transform: none;
        transform: none;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-left-part {
        flex: 0 0 auto;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part {
        flex: 1 1 auto;
        min-width: 0;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part .navbar-ul {
        white-space: nowrap;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-special-part {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    #navbar .bottom-navbar .bottom-navbar-container {
        gap: 20px;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part .navbar-ul .navbar-li {
        font-size: 12px;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part .navbar-ul .navbar-li:not(:last-child) {
        margin-right: 24px;
    }

    #navbar .bottom-navbar .bottom-navbar-container .bottom-right-part .navbar-ul .navbar-li:not(:last-child):after {
        right: -15px;
    }
}