/* Файл очищен */ 

/* Мобильные стили для сайта и админ панели */

/* Общие мобильные стили */
@media (max-width: 768px) {
    /* Отключение горизонтального скролла */
    body {
        overflow-x: hidden;
    }
    
    /* Улучшение кликабельности на мобильных */
    .btn, .nav-link, .dropdown-item {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    /* Больше отступов для текста */
    .container-fluid, .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Исправление z-index для главной страницы */
    .header-main {
        position: relative;
        z-index: 1060 !important;
    }
    
    .mobile-nav-menu {
        position: relative;
        z-index: 1050 !important;
    }
    
    .collapse#mobileNavbar {
        position: relative;
        z-index: 1050 !important;
    }
    
    /* Понижаем z-index контента главной страницы */
    .courses-section {
        position: relative;
        z-index: 1;
    }
    
    .mobile-slider {
        position: relative;
        z-index: 1;
    }
    
    /* Overlay для мобильного меню */
    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1040;
        display: none;
        backdrop-filter: blur(2px);
    }
    
    .mobile-menu-overlay.show {
        display: block;
    }
}

/* Стили специфичные для админ панели на мобильных */
@media (max-width: 768px) {
    .admin-panel {
        /* Убираем отступы на мобильных */
        margin: 0;
        padding: 0;
    }
    
    /* Улучшение видимости кнопок */
    .admin-panel .btn {
        font-size: 16px;
        padding: 12px 16px;
        border-radius: 6px;
    }
    
    /* Лучшая видимость таблиц */
    .admin-panel .table-responsive {
        border: none;
        font-size: 14px;
    }
    
    /* Карточки на мобильных */
    .admin-panel .card {
        margin-bottom: 15px;
        border-radius: 8px;
    }
    
    /* Формы на мобильных */
    .admin-panel .form-control,
    .admin-panel .form-select {
        font-size: 16px; /* Предотвращает зум на iOS */
        padding: 12px;
    }
    
    /* Алерты на мобильных */
    .admin-panel .alert {
        font-size: 15px;
        padding: 12px;
        margin-bottom: 15px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 576px) {
    .admin-panel h1 {
        font-size: 1.4rem !important;
        line-height: 1.3;
    }
    
    .admin-panel .btn-group {
        flex-direction: column;
    }
    
    .admin-panel .btn-group .btn {
        margin-bottom: 5px;
        border-radius: 6px !important;
    }
    
    /* Скрываем некоторые элементы на очень маленьких экранах */
    .d-none-xs {
        display: none !important;
    }
}