/* 2. Делаем меню раскрывающимся при наведении мыши */
@media (min-width: 992px) {
    .metismenu li:hover > ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 3. Полное уничтожение упрямых стрелок и треугольников в меню */
.mod-menu ::after, .mod-menu ::before,
.metismenu ::after, .metismenu ::before,
.navbar-nav ::after, .navbar-nav ::before,
.dropdown-toggle::after, .dropdown-toggle::before,
.mod-menu__sub-arrow {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* 4. Красивое оформление кнопок переключателя языков */
.mod-languages {
    background: transparent !important;
    border: none !important;
    padding: 10px 15px !important;
    display: inline-block !important;
}

.mod-languages ul.lang-inline {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    gap: 8px !important;
    flex-direction: row !important;
}

.mod-languages ul.lang-inline li {
    display: inline-block !important;
    background: rgba(255, 255, 255, 0.15) !important; /* Полупрозрачный фон */
    border-radius: 4px !important;
}

.mod-languages ul.lang-inline a, 
.mod-languages ul.lang-inline span {
    color: #ffffff !important; /* Белый цвет букв */
    padding: 4px 10px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: block !important;
}

/* Эффект при наведении курсора */
.mod-languages ul.lang-inline li:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* Подсветка активного языка */
.mod-languages ul.lang-inline li.lang-active {
    background: #00bcd4 !important; /* Бирюзовый активный */
}

/* Смещаем блок переключателя языков в самый правый край */
.container-topbar {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.mod-languages {
    margin-left: auto !important;
}