/* ==========================================================================
   🖨️ PROFESSIONAL A4 PRINT PRESET - PROGETTO SANDWICH
   ========================================================================== */

@media print {

    @page {
        size: A4 portrait;
        margin: 15mm 15mm 20mm 15mm;
    }
    *,
    *::before,
    *::after {
        background: transparent !important;
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
	html, body {
		background: #ffffff !important;
		color: #000000 !important;
		font-size: 11pt;
		line-height: 1.5;
		height: auto !important;
		min-height: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	    body::after {
        content: none !important;
    }
	main, #content-window, .primary-layout {
		height: auto !important;
		min-height: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	} 
    header,
    footer,
    #sidebar,
    .btn-flap,
    .offcanvas,
    .d-print-none,
    script {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
    }
    #content-window,
    .primary-layout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .row {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .left-page-content {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .page-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding-bottom: 10px;
    }
    .page-title h1 {
        font-size: 26pt !important;
        font-weight: bold !important;
    }
    .page-title .flag {
        max-height: 30px !important;
        width: auto !important;
        margin-right: 15px !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .intro-text {
		display:none;
    }
    .right-page-photo {
        display:none;
    }
    .caption-light, .caption-dark {
        display:none;
    }
    .ingredients-block {
        width: 32% !important;
        float: left !important;
        box-sizing: border-box;
        padding-right: 15px;
        page-break-inside: avoid;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .steps-block {
        width: 68% !important;
        float: right !important; 
        box-sizing: border-box;
        padding-left: 20px;
        margin-top: 0 !important;
        border-left: 1px solid #dddddd; 
    }
    .row::after {
        content: "";
        display: table;
        clear: both;
    }
    h3 {
        font-size: 16pt !important;
        font-weight: bold !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        text-transform: uppercase;
        page-break-after: avoid;
    }
    .yield {
        font-size: 10pt !important;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 12px !important;
    }
    .ingredients-block ul {
        padding-left: 15px !important;
        margin-bottom: 2rem !important;
    }
    .ingredients-block li {
        margin-bottom: 6px !important;
        font-size: 10pt !important;
    }
    .steps-block p {
        margin-bottom: 12px !important;
        text-align: justify;
        page-break-inside: avoid;
    }
    .history-photo-box {
        display:none;
    }
}