/* print.css — Membership payment receipt */

/* ── Screen: receipt container is invisible ─────────────────────── */
.print-receipt { display: none; }

/* ── Print media ────────────────────────────────────────────────── */
@media print {

    /* Page setup */
    @page {
        size: A5 portrait;
        margin: 14mm 12mm;
    }

    /* Reset layout overrides from the PWA shell */
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt;
        font-family: 'Inter', 'Segoe UI', sans-serif;
        overflow: auto !important;
        height: auto !important;
        min-height: unset !important;
    }

    .app {
        position: static !important;
        height: auto !important;
        max-width: 100% !important;
        transform: none !important;
        left: auto !important;
        overflow: auto !important;
        background: #fff !important;
    }

    /* Hide all app chrome */
    .header,
    .tabbar,
    .modal-overlay,
    .modal-sheet,
    #toastContainer,
    .search-wrap,
    .search-bar,
    .filter-chips,
    .tab-panel { display: none !important; }

    /* Suppress box-shadows and colours for clean print */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* ── Show the receipt ──────────────────────────────────────── */
    .print-receipt {
        display: block !important;
        padding: 0;
        font-family: 'Inter', 'Segoe UI', sans-serif;
    }

    /* Header: club name + title */
    .receipt-header {
        text-align: center;
        border-bottom: 2px solid #000;
        padding-bottom: 10pt;
        margin-bottom: 14pt;
    }

    .receipt-club {
        font-family: 'Manrope', 'Segoe UI', sans-serif;
        font-size: 18pt;
        font-weight: 800;
        color: #000;
        letter-spacing: -0.5px;
        margin-bottom: 2pt;
    }

    .receipt-title {
        font-size: 10pt;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    /* Each data row */
    .receipt-row {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 6pt 0;
        border-bottom: 1px solid #e0e0e0;
        font-size: 11pt;
        line-height: 1.4;
    }

    .receipt-row:last-of-type { border-bottom: none; }

    .receipt-label { color: #444; font-size: 10pt; }

    .receipt-value {
        font-weight: 600;
        text-align: right;
        max-width: 60%;
    }

    /* Highlighted total amount */
    .receipt-amount-row {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding: 10pt 0 6pt;
        border-top: 2px solid #000;
        margin-top: 6pt;
    }

    .receipt-amount-label {
        font-size: 12pt;
        font-weight: 700;
        color: #000;
    }

    .receipt-amount-value {
        font-family: 'JetBrains Mono', 'Courier New', monospace;
        font-size: 18pt;
        font-weight: 800;
        color: #000;
    }

    /* Footer */
    .receipt-footer {
        margin-top: 16pt;
        border-top: 1px dashed #bbb;
        padding-top: 10pt;
        text-align: center;
        font-size: 9pt;
        color: #888;
        line-height: 1.5;
    }
}