/* --- ГЛОБАЛЬНЫЕ СТИЛИ НАВИГАЦИИ КУРСА (TLK SWITCHER) --- */

/* 1. Общий фон и удаление верхней границы */
.t-records .tlk-switcher {
    background-color: #1e1e1e !important;
    border-top: none !important; /* Удаляем нежелательную черную полосу */
}

/* 2. Основной стиль для кнопок-ссылок (для всех устройств) */
.t-records .tlk-switcher__item a {
    background-color: #81dffe !important; 
    color: #000000 !important; 
    z-index: 10 !important;
}

/* Цвет стрелок (SVG path) */
.t-records .tlk-switcher__item a svg path {
    stroke: #000000 !important;
}

/* Цвет бургер-меню в мобильной версии */
@media screen and (max-width: 1199px) {

    .tlk-menu__courses {
        background-color: #3d3d3d !important;
    }
    
    .tlk-menu__burger span,
    .tlk-menu__burger::before,
    .tlk-menu__burger::after {
        background-color: #FFF !important;
    }
    
    .tlk-menu__container {
        background-color: #3d3d3d !important;
    }

    .tlk-menu .tlk-menu__title-wrap a, .tlk-menu .tlk-menu__title {
        color: #FFF !important;
    }
    
    .tlk-menu__title-wrap span {
    color: #FFF !important;
    }
    
    .tlk-menu a, .tlk-switcher a, [data-field='tlk-link'] {
    color: #FFF !important;
    }
}

/* 3. Адаптивные стили для мобильных и планшетов (до 980px) */
@media screen and (max-width: 980px) {
    
    
    
    .t-records .tlk-switcher {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important; 
    }
    
    /* Делаем кнопки одиночными, занимающими всю ширину */
    .t-records .tlk-switcher {
        /* Меняем flex-контейнер на блочную модель, чтобы элементы не сжимались */
        display: block !important; 
    }
    
    /* Элементы, содержащие кнопки */
    .t-records .tlk-switcher__item {
        /* Теперь каждый элемент занимает всю доступную ширину */
        width: 100% !important; 
        
        /* Добавляем расстояние между кнопками */
        margin-bottom: 10px !important; /* Расстояние между кнопками */
        
        /* Сбрасываем лишние внутренние отступы */
        padding: 0 !important; 
    }
    
    /* Сами ссылки */
    .t-records .tlk-switcher__item a {
        display: flex !important;
        padding: 15px !important; /* Удобный внутренний отступ */
        box-sizing: border-box !important;
        border-radius: 10px !important; 
    }
    
    /* Убираем нижний отступ у последней кнопки, чтобы не было лишнего места внизу */
    .t-records .tlk-switcher__item:last-child {
        margin-bottom: 0 !important;
    }
}