/* Mobile checkbox fix for form 150 - Override JavaScript interference */
@media (max-width: 768px) {
    .form .gfield_checkbox input[type="checkbox"],
    .form .gfield_radio input[type="radio"] {
        /* Force proper touch handling */
        touch-action: manipulation !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        
        /* Ensure minimum touch target size */
        min-height: 44px !important;
        min-width: 44px !important;
        
        /* Remove tap highlights */
        -webkit-tap-highlight-color: transparent !important;
        
        /* Force pointer events */
        pointer-events: auto !important;
        
        /* Override any z-index issues */
        position: relative !important;
        z-index: 9999 !important;
    }
    
    /* Make labels clickable too */
    .form .gfield_checkbox label,
    .form .gfield_radio label {
        cursor: pointer !important;
        padding: 10px !important;
        margin-left: 10px !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 9998 !important;
    }
    
    /* Ensure the entire checkbox container is clickable */
    .form .gfield_checkbox li,
    .form .gfield_radio li {
        position: relative !important;
        z-index: 9997 !important;
    }
}