/**
 * Mobile Menu Fixes - Moonshot
 * Исправления для мобильного меню
 */

/* Mobile: Stack nav cards vertically with proper spacing */
@media (max-width: 767px) {
    /* Увеличить высоту меню когда открыто на мобильных */
    .card-nav.open {
        height: auto !important;
        min-height: 400px;
        max-height: 90vh;
        overflow-y: auto;
    }
    
    /* Контейнер навигации */
    .card-nav-content {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 8px !important;
        padding-bottom: 16px !important;
    }
    
    /* Карточки навигации */
    .nav-card {
        min-height: auto !important;
        flex: none !important;
        padding: 12px 16px !important;
    }
    
    /* Заголовок карточки */
    .nav-card-label {
        font-size: 16px !important;
        margin-bottom: 6px;
    }
    
    /* Ссылки в карточках */
    .nav-card-links {
        gap: 4px !important;
    }
    
    .nav-card-link {
        font-size: 14px !important;
        padding: 4px 0;
    }
    
    /* Убедиться что overlay правильно работает */
    .fixed.inset-0.z-\[50\].bg-black\/45 {
        pointer-events: auto;
    }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
    .card-nav.open {
        height: 260px;
    }
}