/* 
 * Android-specific camera fixes 
 * Addresses the black screen issue on Android devices
 */

/* Check if we're on Android before applying these styles */
@supports ((-webkit-animation-name: test) or (text-decoration-style: dotted)) {
    /* Android device container styles */
    #reader {
        position: relative !important;
        overflow: hidden !important;
        min-height: 180px !important;
        width: 100% !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }

    /* Android-specific video element fixes */
    #reader video {
        /* Force hardware acceleration - critical for Android */
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        
        /* Size and display properties */
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important;
        max-height: 70vh !important;
        object-fit: cover !important;
        
        /* Visibility properties */
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        
        /* Position properties */
        position: relative !important;
        z-index: 5 !important;
    }

    /* Canvas properly positioned for Android */
    #reader canvas {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }

    /* Ensure scanner controls stay visible on Android */
    #reader__dashboard_section_csr button,
    #reader__dashboard_section_fsr button,
    #reader__dashboard_section_swaplink {
        position: relative !important;
        z-index: 10 !important; /* Higher z-index to stay above video */
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }

    /* Handle scan region on Android */
    #reader__scan_region {
        position: relative !important;
        overflow: hidden !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }
}

/* Additional fixes for older Android WebView */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #reader video {
        /* Fix for older Android WebView versions */
        display: inline-block !important;
        object-position: center !important;
    }
    
    /* Force hardware acceleration on all scanner elements */
    #reader * {
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
    }
}