/* NTK premium interface fixes loaded after the theme stylesheet. */

/* Keep long desktop menu labels inside the visible navigation area. */
@media (min-width: 768px) {
    .nav-main > nav,
    .nav-main .navbar-collapse {
        min-width: 0;
        max-width: 100%;
    }

    .nav-main .navbar-brand,
    .nav-main .navbar-right {
        flex: 0 0 auto;
    }

    .nav-main .navbar-left {
        flex: 1 1 auto;
        flex-wrap: wrap;
        align-content: center;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
    }

    .nav-main .navbar-left > .nav-item {
        min-width: 0;
        max-width: min(20vw, 210px);
    }

    .nav-main .navbar-left .nav-link {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-main .navbar-left .nav-link i {
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .nav-main .navbar-left > .nav-item {
        max-width: min(24vw, 170px);
    }

    .nav-main .navbar-nav .nav-link {
        padding-left: 8px;
        padding-right: 8px;
    }
}