/* custom.css — мигрирован в SCSS-тему (_overrides.scss → main.css). Тонкий слой для ручных правок. */

/* ===== Многоуровневое меню навигации (hover-флайауты) =====
   Разметка — src/Web/Layout/Partials/_nav.php:
   li.nav-item.dropdown > ul.dropdown-menu, вложенные li.dropdown-submenu.
   Открытие — чистый CSS, без Bootstrap dropdown-JS (клик по пункту ведёт
   по ссылке). Поведение повторяет старое Yii2-меню NavigatorWidget. */

/* Десктоп: открытие по наведению, подменю выпадают сбоку */
@media (min-width: 992px) {
    .sns-navbar .nav-item.dropdown > .dropdown-menu {
        margin-top: 0; /* без зазора — меню не схлопывается на пути курсора */
    }

    .sns-navbar .nav-item.dropdown:hover > .dropdown-menu,
    .sns-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
        display: block;
    }

    .sns-navbar .dropdown-submenu {
        position: relative;
    }

    .sns-navbar .dropdown-submenu > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        margin: 0;
        display: none;
    }

    .sns-navbar .dropdown-submenu:hover > .dropdown-menu,
    .sns-navbar .dropdown-submenu:focus-within > .dropdown-menu {
        display: block;
    }

    /* стрелка вправо у пунктов с подменю */
    .sns-navbar .dropdown-submenu > .dropdown-toggle::after {
        transform: rotate(-90deg);
        float: right;
        margin-top: 0.55em;
    }
}

/* Мобильный offcanvas: всё дерево показано статично с отступами */
@media (max-width: 991.98px) {
    .sns-navbar .dropdown-menu {
        display: block;
        position: static;
        border: 0;
        box-shadow: none;
        padding-left: 1rem;
        margin: 0;
    }

    .sns-navbar .nav-link.dropdown-toggle::after {
        display: none;
    }
}

/* ===== Сайдбар: collapse-дерево разделов/страниц (_aside.php) ===== */
.main-aside .aside-widget__list .aside-widget__list {
    padding-left: 1rem; /* отступ вложенного уровня */
}

.main-aside .aside-toggle {
    border: 0;
    background: none;
    padding: 0 0.35rem;
    color: var(--bs-secondary-color);
    line-height: 1;
}

.main-aside .aside-toggle .bi {
    display: inline-block;
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.main-aside .aside-toggle:not(.collapsed) .bi {
    transform: rotate(90deg);
}

.main-aside .aside-widget__list .nav-link.active {
    font-weight: 600;
}