/* Кастомизация сайдбара */
.sidebar__heading {
    color: #125087 !important;
}

/* Плавная анимация для всех панелей аккордеона */
.sidebar__panel {
    transition: max-height 0.4s ease, opacity 0.3s ease;
    overflow: hidden;
}

/* Скрытие панелей аккордеона по умолчанию */
.sidebar .sidebar__item:not(.active) .sidebar__panel {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Показ панелей при активном состоянии */
.sidebar .sidebar__item.active .sidebar__panel {
    max-height: 500px;
    opacity: 1;
}

/* Дополнительная анимация для стрелок */
.sidebar__item .sidebar__arrow {
    transition: transform 0.3s ease;
}

.sidebar__item.active .sidebar__arrow {
    transform: rotate(-180deg);
}

.sidebar__link {
    line-height: 150%;
}

/* Стили для активных ссылок */
.sidebar__heading.active {
    color: #4f73a6 !important;
    font-weight: bold !important;
}

.sidebar__link.active {
    color: #4f73a6 !important;
    font-weight: bold !important;
}

/* Стили для активных подэлементов */
.sidebar__sub-item.active {
    background-color: rgba(79, 115, 166, 0.1);
}

.sidebar__sub-item.active .sidebar__link {
    color: #4f73a6 !important;
    font-weight: bold !important;
}

.sidebar__sub-item.active:before {
    background-color: #4f73a6 !important;
}

/* Обеспечиваем правильное отображение активных состояний */
.sidebar__item.active .sidebar__link:not(.active) {
    color: inherit;
    font-weight: inherit;
}
