/**
 * OnlinePrinter - Print Media Stylesheet
 */

@media print {
    /* Hide everything on the website UI */
    body > *:not(#printTargetFrame):not(#printAreaWrapper) {
        display: none !important;
    }

    html, body {
        background: #ffffff !important;
        color: #000000 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: auto !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Print Target Wrapper */
    #printAreaWrapper {
        display: block !important;
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .printable-page {
        page-break-after: always;
        break-after: page;
        box-sizing: border-box;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

    .printable-page:last-child {
        page-break-after: auto;
        break-after: auto;
    }

    .printable-page img {
        max-width: 100%;
        height: auto;
        display: block;
        page-break-inside: avoid;
    }

    .printable-page canvas {
        max-width: 100%;
        height: auto;
        display: block;
        page-break-inside: avoid;
    }

    /* Filters for B&W / Grayscale printing */
    .print-filter-grayscale {
        filter: grayscale(100%) !important;
        -webkit-filter: grayscale(100%) !important;
    }

    .print-filter-monochrome {
        filter: grayscale(100%) contrast(250%) !important;
        -webkit-filter: grayscale(100%) contrast(250%) !important;
    }

    /* Receipt formatting */
    .receipt-mode {
        font-family: 'Courier New', Courier, monospace !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        width: 100% !important;
        padding: 4px !important;
    }
}