/**
 * Mobile Optimizations
 * Touch-friendly UI and mobile-specific improvements
 */

/* Touch-friendly button sizes */
@media (max-width: 768px) {
    /* Increase button sizes for touch */
    .btn {
        min-height: 44px; /* iOS recommended touch target size */
        min-width: 44px;
        padding: var(--spacing-md) var(--spacing-lg);
        font-size: var(--font-size-md);
    }
    
    .btn-icon {
        min-width: 44px;
        min-height: 44px;
        padding: var(--spacing-sm);
    }
    
    .nav-arrow {
        min-width: 44px;
        min-height: 44px;
    }
    
    /* Top bar adjustments */
    .top-bar {
        padding: var(--spacing-md);
        min-height: 56px; /* Material Design recommended */
    }
    
    /* File grid items - larger touch targets */
    .file-grid-item {
        min-height: 120px;
    }
    
    .file-row {
        min-height: 48px;
        padding: var(--spacing-md);
    }
    
    /* Context menu items */
    .context-menu-item {
        min-height: 44px;
        padding: var(--spacing-md) var(--spacing-lg);
    }
    
    /* Folder tree items */
    .sidebar-item {
        min-height: 44px;
        padding: var(--spacing-md);
    }
    
    /* Prevent text selection on touch */
    .file-row,
    .file-grid-item,
    .sidebar-item,
    .context-menu-item {
        -webkit-tap-highlight-color: rgba(0, 102, 204, 0.2);
        -webkit-touch-callout: none;
        user-select: none;
    }
    
    /* Better spacing for mobile */
    .file-list-table {
        font-size: var(--font-size-md);
    }
    
    .file-name {
        font-size: var(--font-size-md);
    }
    
    /* Optimize grid view for mobile */
    .file-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: var(--spacing-md);
    }
    
    .file-grid-item {
        aspect-ratio: 1;
    }
    
    /* Mobile menu button */
    .btn-mobile-menu {
        display: flex;
        min-width: 44px;
        min-height: 44px;
    }
    
    /* Sidebar overlay improvements */
    .sidebar-overlay {
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(4px);
    }
    
    /* Better touch feedback */
    .file-row:active,
    .file-grid-item:active,
    .sidebar-item:active {
        background-color: var(--bg-hover);
        transform: scale(0.98);
        transition: transform 0.1s, background-color 0.1s;
    }
}

/* Tablet optimizations */
@media (min-width: 769px) and (max-width: 1024px) {
    .btn {
        min-height: 40px;
        min-width: 40px;
    }
    
    .file-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

/* Prevent zoom on input focus (iOS) */
@media (max-width: 768px) {
    input,
    textarea,
    select {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}