/* Mobile Optimization for Enhanced Evernode */

@media (max-width: 768px) {
    /* Navigation fixes */
    .enhanced-nav .nav-container {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }
    
    .enhanced-nav .nav-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .enhanced-nav .nav-link {
        padding: 6px 12px;
        font-size: 0.9rem;
    }
    
    /* Admin panel mobile fixes */
    .admin-grid {
        grid-template-columns: 1fr !important;
        gap: 15px;
    }
    
    .cluster-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Button optimization for touch */
    .btn, .btn-admin, .btn-premium {
        min-height: 44px;
        font-size: 1rem;
        padding: 12px 20px;
    }
    
    /* Text size optimization */
    .title {
        font-size: 2rem !important;
    }
    
    .admin-title {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 480px) {
    /* Extra small screens */
    .nav-brand {
        font-size: 1rem;
    }
    
    .status-grid,
    .deployment-grid {
        grid-template-columns: 1fr;
    }
    
    .admin-actions {
        flex-direction: column;
        gap: 10px;
    }
}