@use './variables' as *;
@use './mixins' as *;

// Mobile-specific optimizations

// Prevent text size adjustment on iOS
@include respond-to(mobile) {
    html {
        -webkit-text-size-adjust: 100%;
    }
    
    body {
        font-size: 16px; // Minimum readable size
    }
}

// Touch-friendly buttons and links
@include respond-to(mobile) {
    button,
    .btn,
    a.btn,
    .nav-link {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

// Smooth scrolling
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

// Safe area for notched devices
@supports (padding: max(0px)) {
    .header,
    .footer {
        padding-left: max($spacing-md, env(safe-area-inset-left));
        padding-right: max($spacing-md, env(safe-area-inset-right));
    }
}

// Landscape mobile optimizations
@include respond-to(mobile) {
    @media (orientation: landscape) {
        .hero {
            padding: $spacing-xl 0;
        }
        
        .hero-title {
            font-size: $font-size-2xl;
        }
        
        .hero-subtitle {
            font-size: $font-size-lg;
        }
    }
}

// Print styles
@media print {
    .header,
    .footer,
    .header-actions,
    .mobile-menu-toggle {
        display: none;
    }
    
    .main-content {
        padding: 0;
    }
}