/* responsive.css */
/* Unchained for Success - Responsive Styles */

/* Tablet Breakpoint */
@media (max-width: 1024px) {
    .container {
        padding: 0 var(--spacing-md);
    }
    
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }
    
    .footer-brand {
        grid-column: span 3;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
}

/* Mobile Breakpoint */
@media (max-width: 768px) {
    :root {
        --spacing-xl: 3rem;
        --spacing-xxl: 4rem;
    }
    
    .mobile-menu-toggle {
        display: block;
    }
    
    .primary-nav {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 70px);
        background: var(--white);
        transition: var(--transition);
        overflow-y: auto;
        z-index: 999;
    }
    
    .primary-nav.active {
        left: 0;
    }
    
    .nav-menu {
        flex-direction: column;
        padding: var(--spacing-md);
        gap: var(--spacing-sm);
    }
    
    .dropdown-menu {
        position: static;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        padding-left: var(--spacing-md);
        display: none;
    }
    
    .dropdown.active .dropdown-menu {
        display: block;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }
    
    .footer-brand {
        grid-column: span 1;
    }
    
    .footer-bottom {
        flex-direction: column;
        gap: var(--spacing-sm);
        text-align: center;
    }
    
    .legal-links {
        justify-content: center;
    }
    
    .cookie-content {
        flex-direction: column;
        text-align: center;
    }
    
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
    
    .btn, button, .button {
        padding: 10px 20px;
        font-size: 0.875rem;
    }
}

/* Small Mobile Breakpoint */
@media (max-width: 480px) {
    .container {
        padding: 0 var(--spacing-sm);
    }
    
    .logo-text {
        display: none;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
    
    .cookie-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .cookie-buttons button {
        width: 100%;
    }
}

/* Accessibility - Focus States */
*:focus-visible {
    outline: 3px solid var(--red);
    outline-offset: 2px;
}

/* Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}