/*@media print {*/
/*    @page {*/
/*        size: A4 portrait;*/
/*    }*/
/*}*/
/* above format is used if you don't put media="print" at the link component on index.html */
/* https://stackoverflow.com/questions/32845536/show-image-while-printing-the-web-page */

@page {
    size: A4 portrait !important;
    overflow: hidden !important;
}

.a4-page {
    height: 1123px !important;
    width: 794px !important;
    display: flex !important;
    flex-direction: column !important;
    page-break-after: always !important;
    box-sizing: border-box !important;
}

img {
    display: block !important;
    height: 100px !important;
}

h2 {
    display: block !important;
    text-align: center !important;
}

html,
body {
    height: initial !important;
    overflow: initial !important;
    -webkit-print-color-adjust: exact !important;
}

.page-break {
    margin-top: 1rem !important;
    display: block !important;
    break-before: page !important;
}

.display-cards-for-pdf {
    /* this tag SHOWS the doorCalculationsCardsForPDF function on the PDF */
    display: block !important;
}

.hide-cards-for-pdf {
    /* this tag HIDES the door calculations cards from the cart during the PDF Export Process */
    display: none !important;
}

.hide-dividers-when-print {
    display: none !important;
}