/**
 * Responsive Styles
 * Soft UI Fashion Store Theme
 */

/* Tablet and below */
@media (max-width: 1024px) {
    .container {
        padding: 0 15px;
    }
    
   /* .header-container {
        padding: 1rem 1.5rem;
    }*/
    
    .main-navigation ul {
        gap: 0.5rem;
    }
}

/* Mobile */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    
    .mobile-menu-toggle {
        display: block;
    }
    
    .main-navigation {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--bg-color);
        box-shadow: var(--shadow-md);
    }
    
    .main-navigation.active {
        display: block;
    }
    
    .main-navigation ul {
        flex-direction: column;
        gap: 0;
    }
    
    .main-navigation li {
        border-bottom: 1px solid var(--border-color);
    }
    
    .main-navigation a {
        display: block;
        padding: 1rem 2rem;
    }
    
    .footer-widgets-grid {
        grid-template-columns: 1fr;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .container {
        padding: 0 10px;
    }
    
    .header-container {
        padding: 1.5rem 1rem;
    }
    
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
}