/**
 * Mobile Force Gestures - Nuclear Option
 * Absolutely force all touch gestures to work
 * This MUST be the absolute last CSS file loaded
 */

@media (max-width: 768px) {
    /* FORCE everything to allow gestures - nuclear option */
    html, body, * {
        touch-action: manipulation !important;
        -webkit-user-select: auto !important;
        user-select: auto !important;
    }
    
    /* Text overlay - completely transparent to all events except text boxes */
    #textOverlay {
        pointer-events: none !important;
        touch-action: none !important; /* Overlay itself blocks nothing */
    }
    
    /* Text boxes - only these can block events */
    .text-box {
        pointer-events: auto !important;
        touch-action: manipulation !important;
        cursor: pointer !important;
    }
    
    /* Canvas and container - MUST accept all gestures */
    #pdfCanvas,
    .canvas-container,
    .pdf-container {
        touch-action: manipulation !important;
        pointer-events: auto !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Remove any transforms that might interfere */
    #textOverlay {
        transform: none !important;
    }
}

/* Desktop - don't interfere */
@media (min-width: 769px) {
    /* Keep desktop behavior */
}