/* Глобальные стили приложения ПортфельПро. Подключается из _Layout. */

/* ==== Главное меню (offcanvas на мобильных, обычный navbar на десктопе) ==== */

/* Активный пункт меню */
.navbar .nav-link.active {
    color: #0d6efd;
    font-weight: 600;
}

/* На десктопе offcanvas-обёртка ведёт себя как обычная панель навбара */
@media (min-width: 992px) {
    .navbar .offcanvas {
        position: static;
        visibility: visible !important;
        transform: none !important;
        background: transparent;
        border: 0;
        box-shadow: none;
        flex-grow: 1;
    }

    .navbar .offcanvas-header {
        display: none;
    }

    .navbar .offcanvas-body {
        display: flex;
        flex-grow: 1;
        align-items: center;
        padding: 0;
    }
}

/* На мобильных — выезжающая панель справа */
@media (max-width: 991.98px) {
    .navbar .offcanvas {
        width: min(20rem, 85vw);
    }

    /* Крупные удобные пункты с разделителями для тача */
    .navbar .offcanvas-body .nav-link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1.05rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .navbar .offcanvas-body .nav-link.active {
        border-left: 3px solid #0d6efd;
        padding-left: 0.75rem;
        margin-left: -0.75rem;
        background: rgba(13, 110, 253, 0.06);
        border-radius: 0 0.25rem 0.25rem 0;
    }

    /* Блок авторизации — отделяем от пунктов меню и кнопки на всю ширину */
    .navbar .offcanvas-body .nav-auth {
        margin-top: 0.5rem;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }
}