/* VisionAQ Mobile Device Fixes - Lightweight and non-intrusive */

/* Basic mobile optimizations only */
@media (max-width: 767px) {
    /* Ensure consistent font rendering on iOS */
    html, body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Optimized scrolling without constant repainting */
    body {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Force consistent box model on iOS */
    *, *::before, *::after {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    /* Prevent zoom on focus for inputs */
    input, select, textarea {
        font-size: 16px;
    }
    
    /* Ensure consistent viewport behavior */
    .main-content {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        position: relative;
    }
    
    /* Force consistent section behavior */
    section {
        width: 100%;
        max-width: 100%;
    }
    
    /* ONLY hide problematic spinner dots that cause spherical shadows */
    .spinner-dot {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    
    /* Better touch handling for interactive elements */
    button, .product-card, .mobile-carousel-item {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: default;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
    }
}

/* iOS Safari specific fixes */
@supports (-webkit-touch-callout: none) {
    .mobile-carousel-item, .product-card {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Lightweight modal optimization */
    #modalBackdrop {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Removed #cardsContainer transforms to prevent modal animation conflicts */
    
    /* Removed .card transform rules to prevent modal animation conflicts */
}