/* Mobile-specific styles */
@media (max-width: 768px) {
    /* PWA Full Screen Support */
    html {
        height: 100%;
        height: 100vh;
        height: 100dvh; /* Dynamic viewport height */
        overflow: hidden;
    }
    
    body {
        -webkit-text-size-adjust: 100%;
        touch-action: manipulation;
        height: 100%;
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    
    /* Safe Area Insets for Notched Devices */
    .app-container {
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        padding-top: env(safe-area-inset-top);
    }
    
    /* Ensure touch targets are large enough */
    button, a, .nav-item {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Optimize for thumb reach */
    .bottom-nav {
        padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
    }
    
    /* Prevent rubber band scrolling on iOS */
    .main-content {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

/* Landscape adjustments */
@media (max-width: 768px) and (orientation: landscape) {
    .page-header {
        padding: 0.5rem 1rem;
    }
    
    .bottom-nav {
        height: 56px;
    }
}

/* iOS Standalone (PWA) Mode Specific Styles */
@media (display-mode: standalone) {
    /* App is in full-screen mode */
    body {
        background: var(--bg-secondary);
    }
}

/* Hide address bar on iOS Safari when scrolling */
@supports (-webkit-touch-callout: none) {
    /* iOS-specific styles */
    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }
    
    html {
        height: -webkit-fill-available;
    }
}