/* MOBILE UI OPTIMIZATION - Save Screen Space */
/* Added: December 14, 2025 - Pre-launch optimization */

/* Reduce top header padding on mobile */
@media (max-width: 768px) {
    .main-nav {
        padding: 0.5rem 1rem !important; /* Reduced from 1.5rem */
    }
    
    .nav-logo {
        font-size: 1.5rem !important; /* Reduced from 2rem */
    }
    
    .nav-title {
        font-size: 1.1rem !important; /* Reduced from 1.2rem */
    }
}

/* Reduce bottom navigation bar height on mobile */
@media (max-width: 768px) {
    .mobile-nav {
        height: 56px !important; /* Reduced from 70px */
        padding-bottom: calc(env(safe-area-inset-bottom) + 4px) !important; /* Reduced from 8px */
    }
    
    .mobile-nav-item {
        padding: 4px 0 !important; /* Reduced from 8px */
    }
    
    .mobile-nav-item .nav-icon {
        font-size: 20px !important; /* Reduced from 24px */
        margin-bottom: 2px !important; /* Reduced from 4px */
    }
    
    .mobile-nav-item .nav-label {
        font-size: 10px !important; /* Reduced from 11px */
    }
}

/* Total savings: ~50-60px vertical space */
/* Header: ~20-30px savings */
/* Bottom nav: ~20-30px savings */