/* lovinad/static/css/lovinad_admin_styles.css */

/* Стили для выпадающего меню в сайдбаре */
.sidebar-collapsible .collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: #f7f7f7; /* Немного другой фон для вложенных элементов */
    border-radius: 0 0 8px 8px;
    margin-top: -8px; /* Компенсация отступа */
    padding-top: 8px;
}

.dark .sidebar-collapsible .collapsible-content {
    background-color: rgba(255, 255, 255, 0.03); /* Фон для темной темы */
}

.sidebar-collapsible.open .collapsible-content {
    max-height: 500px; /* Достаточно большая высота для раскрытия */
}

/* Анимация иконки-стрелки */
.sidebar-collapsible .collapsible-trigger .material-symbols-outlined {
    transition: transform 0.3s ease-in-out;
}

.sidebar-collapsible.open .collapsible-trigger .material-symbols-outlined {
    transform: rotate(180deg);
}

/* Убираем лишние отступы у вложенных элементов */
.sidebar-collapsible .collapsible-content .flex.flex-col {
    gap: 0 !important;
    padding-left: 12px; /* Небольшой отступ для вложенности */
}

/* Более тонкие разделители-заголовки */
.unfold-navigation-header {
    padding: 12px 0 8px 0;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af; /* Более мягкий цвет */
}

.dark .unfold-navigation-header {
    color: #6b7280;
}