/* Safari Mobile-Only Compatibility Fixes */
/* Scope to iOS Safari mobile only to avoid breaking desktop layout */

@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) and (hover: none) and (pointer: coarse) {
        /* iOS Safari mobile fixes only - minimal non-intrusive fixes */
        
        /* Fix Safari viewport and body issues */
        body {
            -webkit-text-size-adjust: 100%;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .app-container {
            min-height: 100vh;
            min-height: -webkit-fill-available;
        }
        
        /* Enhanced app title for Safari */
        .app-title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        /* Safari-specific input optimizations */
        .message-input {
            font-size: 16px !important; /* Prevent iOS zoom */
            -webkit-appearance: none;
            touch-action: manipulation;
        }
        
        /* Fix chat messages scrolling for Safari */
        .chat-messages {
            -webkit-overflow-scrolling: touch;
        }
        
        /* Safari scrollbar fixes */
        ::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 8px;
            height: 8px;
        }
        
        ::-webkit-scrollbar-thumb {
            background: var(--bg-hover);
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
        
        /* Touch improvements for Safari */
        .sidebar-toggle,
        .send-button,
        .new-chat-btn,
        .user-profile-sidebar {
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
            -webkit-touch-callout: none;
        }
        
        /* Prevent text selection on UI elements */
        .sidebar-toggle,
        .send-button,
        .app-title {
            -webkit-user-select: none;
            user-select: none;
        }
    }
}