.navbar-hide{
    #side-menu,
    .sln-core-page-logo{
        background: var(--WHITE);
    }
}

.sln-accordion{
    .mat-expansion-panel-header{
        border-radius: 12px;
        margin-top: 5px;
        padding: 0 22px;
        background: var(--WHITE) !important;
        &:hover{
            background: var(--WHITE) !important;
        }
    }

    // Когда панель раскрыта
    .mat-expansion-panel.mat-expanded > .mat-expansion-panel-header,
    .mat-expansion-panel.mat-expanded .mat-expansion-panel-header{
        border-radius: 12px 12px 0 0 !important;
    }

    // Список внутри раскрытой панели
    .mat-expansion-panel.mat-expanded .nav-second-level{
        border-radius: 0 0 12px 12px;
    }
    .mat-expansion-panel-header-title{
        color: var(--BLACK) !important;
        font-size: 12px;
        gap: 4px;
    }

}


#side-menu {
    li[data-level="0"],
    li[data-level="1"] {
        .mat-expansion-panel-header-title,
        .mat-expansion-panel-header .sln-item-text,
        .sln-menu-li-simple-icon .sln-item-text,
        .sln-menu-panel-block-title .sln-item-text-title,
        .sln-menu-numbers,
        .sln-menu-sub-item-block a {
            text-transform: uppercase;
            font-family: var(--font-bold);
            font-size: 12px;
            line-height: 14px;
        }
    }

    li[data-level="2"],
    li[data-level="3"],
    li[data-level="4"],
    li[data-level="5"] {
        .mat-expansion-panel-header-title,
        .mat-expansion-panel-header .sln-item-text,
        .sln-menu-numbers,
        .sln-menu-sub-item-block a {
            text-transform: none;
            font-family: var(--font-medium);
            font-size: 14px;
            line-height: 18px;
            color: var(--GRAY);
        }

        .sln-menu-numbers span {
            font-family: var(--font-medium);
        }
    }

    // level 1 с подпунктами — только свой заголовок accordion, не вложенные li[data-level="2+"]
    li[data-level="1"]:has(> .sln-accordion .nav-second-level) {
        > .sln-accordion > mat-accordion > mat-expansion-panel > .mat-expansion-panel-header {
            .sln-first-position-icon {
                display: none;
            }

            // .mat-expansion-panel-header-title,
            // .sln-item-text {
            //     text-transform: none;
            //     font-size: 14px;
            //     font-family: var(--font-medium);
            // }
        }
    }

    // level 3+ — иконка-заглушка (sln-menu-dot)
    li[data-level]:not([data-level="0"]):not([data-level="1"]):not([data-level="2"]) {
        .sln-first-position-icon,
        .nav-label.sln-first-position-icon {
            background-image: url("../../../../../assets/themes/docplat_new/images/menu/menu-dot.svg") !important;
            background-repeat: no-repeat;
            background-size: 7px;
            background-position: center;
            min-width: 25px;
            height: 25px;
        }
    }

    // level 2 с вложенностями — плюс левее шеврона accordion
    li[data-level="2"]:has(.nav-second-level) {
        .sln-menu-plus {
            right: 40px;
        }

        .mat-expansion-panel-header:hover .sln-menu-plus {
            right: 40px;
        }
    }

    // hover для всех уровней меню (цвет текста + плавный переход)
    .mat-expansion-panel-header,
    .sln-menu-panel-header,
    .sln-ul-hover,
    .sln-left-li,
    .sln-menu-sub-item-block,
    .sln-li-hover {
        .sln-item-text,
        .sln-item-text-title,
        .sln-menu-numbers,
        p.sln-item-text {
            transition: color 0.3s ease;
        }
    }

    .mat-expansion-panel-header:hover,
    .sln-menu-panel-header:hover {
        .sln-item-text,
        p.sln-item-text {
            color: var(--PRIMARY);
        }
    }

    .sln-ul-hover:hover {
        .sln-item-text,
        .sln-item-text-title,
        p.sln-item-text {
            color: var(--PRIMARY);
        }
    }

    .sln-left-li:hover,
    .sln-menu-sub-item-block:hover {
        .sln-menu-numbers,
        a.sln-menu-numbers {
            color: var(--PRIMARY);
        }
    }

    .sln-li-hover:hover {
        .sln-item-text,
        .sln-item-text-title {
            color: var(--PRIMARY);
        }
    }

    a.sln-menu-li-simple-icon-link:hover {
        .sln-item-text {
            color: var(--PRIMARY);
        }
    }
}
.sln-menu-sub-item-block{
    padding-left: 0 10px;
}
.nav-second-level{
    border-radius: 0 0 12px 12px;
}

.nav-second-level .sln-left-li a {
    border: none !important;
    color: var(--BLACK);
    font-size: 13px;
}
.sln-left-li{
    background: var(--WHITE);
    border-radius: 12px;
    margin-top: 5px;
}
.sln-menu-panel-block-title{
    margin-top: 5px;
}
.sln-li-hover.sln-menu-li-simple-icon{
    border-radius: 12px;
    background: white;
}
.sln-li-hover{
    border-radius: 12px;
    background: white;
}
.sln-core-page-logo-hide{
    width: 100%;
    background: var(--WHITE);
    border-radius: 12px;
}
.sln-ul-hover:hover:before{
    content:none !important;
    border-left: none !important;
}
.sln-selected-menu-item{
    background-color:#eaf0fe !important;
    border-radius: 12px;
    margin: 0 auto;
    margin: 0 6px;
    height: 80%;
    padding-left: 16px !important;
}
.sln-menu-panel-header:hover:before{
    content:none !important;
    border-left: none !important;
}