.catshort-locale-picker .nav-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.catshort-locale-picker .nav-link .fi {
    display: inline-block;
    flex-shrink: 0;
}

.catshort-locale-picker .dropdown-menu {
    min-width: 150px;
}

.catshort-locale-picker .dropdown-item.active {
    color: #fff;
    background: color-mix(in srgb, var(--theme-color) 20%, #151515 80%);
}

@media (max-width: 767.98px) {
    .app-header .navbar .search-btn {
        right: 0;
    }

    .app-header .app-navbar img {
        max-width: 145px;
        height: auto;
    }

    .app-header .catshort-locale-picker .nav-link {
        width: 40px;
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
    }

    .catshort-locale-picker-sidebar {
        margin: 5px 20px 14px;
        background: #050505;
        border-radius: 6px;
    }

    .catshort-locale-picker-sidebar .nav-link {
        display: flex;
        width: 100%;
        min-height: 44px;
        justify-content: flex-start;
        padding: 0 14px;
        color: #fff;
    }

    .catshort-locale-picker-sidebar .dropdown-menu {
        right: auto;
        left: 0;
        width: 100%;
        margin-top: 2px;
    }

    .catshort-locale-picker-label {
        font-size: 12px;
        font-weight: 500;
    }
}