/**
 * Cleanup styles for rudimentary native print compatibility.
 */

@media print {
    @page {
        size: auto;
        margin: 2rem;
    }

    html, body {
        font-size: 13px;
    }

    /* hide big useless sections */
    .wps-header-wrapper > :not(.wps-mobile),
    .wps-header-wrapper .wpr-icons-holder,
    #footer,
    section.smilies-feedback,
    #DebugOutputPanel {
        display: none !important;
    }

    /* adjust secondary-nav sizing */
    .secondary-nav {
        display: flex;
        flex-wrap: wrap;
        position: relative !important;
        padding: 1rem 0 !important;
    }

    /* render full background colors in select areas */
    #step-tabs-container,
    .button, .button *,
    .custom-info-banner * {
        -webkit-print-color-adjust: exact;
    }

    /* adjust process-page steps */
    #step-tabs > ul {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 1rem 1.5rem;
    }

        #step-tabs > ul > li {
            padding: 0.5rem 1rem;
        }

            #step-tabs > ul > li::before {
                display: none !important;
            }

    /* adjust broken product module grid layouts */
    .product-module-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .product-module-card.full-width {
        grid-column: span 2;
    }
}