/* assets/css/responsive.css */
@media (max-width: 1400px) {
    .search-wrapper {
        min-width: 240px;
    }
}

@media (max-width: 1200px) {
    .mega-menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .tabs-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 0.5rem;
    }
    
    .tabs-nav::-webkit-scrollbar {
        height: 4px;
    }
    
    .tabs-nav::-webkit-scrollbar-thumb {
        background: var(--gray-300);
        border-radius: 4px;
    }
    
    .tab-btn {
        flex: 0 0 auto;
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background: var(--white);
        padding: 1rem;
        border-bottom: 1px solid var(--gray-200);
        box-shadow: var(--shadow-lg);
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        z-index: 1020;
        transition: background 0.3s ease;
    }

    .navbar-nav {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem;
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        width: 100%;
        justify-content: space-between;
        padding: 0.75rem 1rem !important;
        background: var(--gray-50);
        border-radius: var(--radius-md);
    }

    .nav-link i {
        transform: rotate(-90deg);
    }

    .nav-link:hover i {
        transform: rotate(0deg);
    }

    .mega-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: 1px solid var(--gray-200);
        margin-top: 0.5rem;
        padding: 1rem;
        max-height: none;
        display: none;
    }

    .nav-item.show-mega .mega-menu {
        display: block;
    }

    .mega-menu-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .auth-buttons {
        margin-left: 0;
        margin-top: 1rem;
        flex-direction: row;
        width: 100%;
    }

    .btn-auth {
        flex: 1;
        justify-content: center;
    }
    
    .d-flex.align-items-center.gap-3 {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem !important;
    }
    
    .tabs-nav {
        width: 100%;
        margin-bottom: 0;
    }
    
    .search-wrapper {
        width: 100%;
        min-width: 100%;
        margin-bottom: 0.75rem;
    }
    
    .search-wrapper .input-group {
        width: 100%;
    }
    
    .stats-grid,
    .market-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .stats-grid,
    .features-grid,
    .market-grid,
    .directory-grid {
        grid-template-columns: 1fr !important;
    }
    
    .hero-title {
        font-size: 1.75rem;
    }
    
    .form-actions {
        flex-direction: column;
    }
    
    .form-actions .btn {
        width: 100%;
    }
    
    .directory-filters {
        flex-direction: column;
    }
    
    .filter-group {
        width: 100%;
    }
    
    .footer-bottom {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1.5rem;
    }
    
    .stats-grid {
        grid-template-columns: 1fr !important;
    }
    
    .registration-card {
        padding: 1rem;
    }
    
    .form-grid {
        grid-template-columns: 1fr;
    }
    
    .toast-container {
        max-width: 90%;
    }
}