

/* ============================================================
   PRINT STYLESHEET
   Confirmation and order status pages only
   ============================================================ */
@media print {
    @page {
        margin: 1.5cm;
    }

    /* Reset colors for ink-saving */
    * {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        font-size: 12pt;
        color: #000 !important;
        background: #fff !important;
        line-height: 1.4;
    }

    /* Hide non-essential elements */
    .skip-link,
    .header,
    .mobile-menu,
    .page-sidebar,
    .cart-sidebar,
    footer,
    .whatsapp-fab,
    .cookie-banner,
    .btn-row,
    .status-page > .btn,
    .status-page > a.btn,
    .hamburger,
    .status-loader {
        display: none !important;
    }

    /* Remove page layout constraints */
    .page-layout {
        display: block;
    }

    .page-main {
        max-width: none;
        padding: 0;
        margin: 0;
    }

    /* Show logo banner prominently */
    .logo-banner {
        display: block !important;
        text-align: center;
        margin-bottom: 24pt;
        border-bottom: 1pt solid #ccc;
        padding-bottom: 12pt;
    }

    .logo-banner-img {
        max-height: 60pt;
        width: auto;
    }

    /* Status page styling */
    .status-page {
        padding: 0;
    }

    .status-icon {
        width: 36pt;
        height: 36pt;
        margin: 0 auto 12pt;
    }

    .status-icon svg {
        width: 24pt;
        height: 24pt;
    }

    .status-title {
        font-size: 16pt;
        margin-bottom: 6pt;
        color: #000 !important;
    }

    .status-subtitle {
        font-size: 11pt;
        color: #333 !important;
        margin-bottom: 18pt;
    }

    /* Order card styling */
    .order-card {
        border: 1pt solid #ccc;
        padding: 12pt;
        margin-bottom: 12pt;
    }

    .order-header {
        border-bottom: 1pt solid #ccc;
        padding-bottom: 8pt;
        margin-bottom: 12pt;
    }

    .order-number {
        font-weight: bold;
        font-size: 14pt;
    }

    .order-items,
    .order-summary {
        margin-bottom: 12pt;
    }

    .order-item,
    .order-summary-item {
        padding: 4pt 0;
        border-bottom: 0.5pt solid #eee;
    }

    .order-totals,
    .order-summary-subtotal {
        border-top: 1pt solid #ccc;
        padding-top: 8pt;
        font-weight: bold;
    }

    .order-fulfilment,
    .order-status-fulfilment {
        margin-top: 12pt;
        padding-top: 12pt;
        border-top: 1pt solid #ccc;
    }

    .of-icon {
        display: none;
    }

    .of-label,
    .order-status-fulfilment h3 {
        font-weight: bold;
        font-size: 11pt;
    }

    .of-detail,
    .order-status-fulfilment p {
        font-size: 10pt;
        color: #333 !important;
    }

    /* Email hint */
    .email-hint {
        font-size: 9pt;
        color: #666 !important;
        margin-top: 12pt;
    }

    /* Confirmation page */
    .confetti-container { display: none !important; }
    .confirmation-contact { display: none !important; }
    .ical-link { display: none !important; }

    /* Order status page specific */
    .order-status-badge {
        display: inline-block;
        padding: 4pt 8pt;
        border: 1pt solid #000;
        font-size: 10pt;
        margin-bottom: 12pt;
    }

    .order-status-details h2 {
        font-size: 12pt;
        margin-bottom: 8pt;
    }

    .status-note {
        font-size: 9pt;
        color: #666 !important;
        margin-top: 12pt;
    }
}
