/* Универсальные стили для навигации по курсу */

/* Скрываем стрелки по умолчанию */
.section-arrow {
    display: none;
}

/* Мобильные стили для аккордеона секций */
@media (max-width: 640px) {
    /* Показываем стрелки только на мобильных */
    .section-arrow {
        display: inline-block;
    }
    
    /* Аккордеон для секций */
    .section-header,
    .cnt-section-header,
    .cnav-header {
        cursor: pointer;
        position: relative;
        user-select: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-header .section-arrow,
    .cnt-section-header .section-arrow,
    .cnav-header .section-arrow {
        font-size: 12px;
        color: #06b6d4;
        transition: transform 0.3s ease;
        margin-left: 8px;
    }

    .nav-section.collapsed .section-arrow,
    .cnt-nav-section.collapsed .section-arrow,
    .cnav-section.collapsed .section-arrow {
        transform: rotate(-90deg);
    }

    .nav-section.collapsed .section-items,
    .cnt-nav-section.collapsed .cnt-section-items,
    .cnav-section.collapsed .cnav-items {
        display: none;
    }
    
    /* Унифицированные стили для кнопок навигации */
    .section-items a,
    .cnt-section-items a,
    .cnav-items a {
        padding: 8px 8px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
        min-height: 40px !important;
        line-height: 1.2 !important;
        gap: 6px !important;
    }
}