/*
 * arc-event-reg confirmation page print styles.
 * Enqueued with media='print' — only applies when the user invokes Save as PDF.
 *
 * Strategy: hide site chrome and the action buttons, then style the
 * confirmation block for clean black-on-white printing.
 */

@page {
    margin: 0.75in;
}

@media print {
    /* Hide site chrome — header, nav, footer, sidebar, floaters. */
    header,
    nav,
    aside,
    footer,
    .site-header,
    .site-footer,
    .menu,
    .main-navigation,
    .widget-area,
    .sidebar,
    .elementor-location-header,
    .elementor-location-footer,
    .elementor-back-to-top,
    .elementor-sticky--effects,
    #wpadminbar {
        display: none !important;
    }

    /* Hide the action buttons that only make sense on-screen:
     *   - __actions / __add-to-calendar / __calendar-links → pending-bank +
     *     error-state branches (Save as PDF + Add to Calendar buttons).
     *   - __pdf-link → v1.22.0 success-branch Save-as-PDF text link.
     *   - __group-cancel-button → v1.22.0 group sub-branch Cancel button
     *     (not useful on paper). The Transfer/Cancel text links inside the
     *     ticket-card and Plans Change row still print so the URL trail is
     *     preserved in the printed record. */
    .arc-event-reg-confirmation__actions,
    .arc-event-reg-confirmation__add-to-calendar,
    .arc-event-reg-confirmation__calendar-links,
    .arc-event-reg-confirmation__pdf-link,
    .arc-event-reg-confirmation__group-cancel-button {
        display: none !important;
    }

    /* Soften the v1.22.0 success-branch elements that don't paper well. */
    .arc-event-reg-confirmation__ticket--yours {
        background: #ffffff !important;
        border-color: #000 !important;
    }
    .arc-event-reg-confirmation__ticket-join {
        background: #ffffff !important;
        color: #000 !important;
        border: 1px solid #000;
    }
    .arc-event-reg-confirmation__pill {
        background: #ffffff !important;
        color: #000 !important;
        border: 1px solid #000;
    }
    .arc-event-reg-confirmation__group-callout {
        background: #ffffff !important;
        border-left: 2px solid #000 !important;
    }
    .arc-event-reg-confirmation__plans-change {
        background: #ffffff !important;
        border: 1px solid #000;
    }

    /* v1.50.0 — decorative inline icons must never paper as empty boxes
     * (tofu). The join button + PDF link are already hidden above; this is
     * belt-and-suspenders for any FA/SVG icon that survives into a printed
     * text link (Calendar/Transfer/Cancel). */
    .arc-event-reg-confirmation .fas {
        display: none !important;
    }
    .arc-event-reg-confirmation__ticket-join svg {
        display: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 11pt;
        line-height: 1.5;
    }

    .arc-event-reg-confirmation {
        max-width: 100%;
        margin: 0;
        padding: 0;
        color: #000;
    }

    .arc-event-reg-confirmation a {
        color: #000;
        text-decoration: underline;
    }

    /* Hide URLs after links — Chrome's default is noisy. */
    .arc-event-reg-confirmation a[href]::after {
        content: "";
    }

    .arc-event-reg-confirmation__header {
        font-size: 18pt;
        margin: 0 0 0.5rem;
    }

    .arc-event-reg-confirmation__section-title {
        font-size: 12pt;
    }

    .arc-event-reg-confirmation__event-info,
    .arc-event-reg-confirmation__attendee-info,
    .arc-event-reg-confirmation__cancellation,
    .arc-event-reg-confirmation__signoff {
        border-top: 1px solid #000;
        padding-top: 0.75rem;
        margin-top: 1rem;
        page-break-inside: avoid;
    }

    .arc-event-reg-confirmation__details dt {
        color: #000;
    }

    .arc-event-reg-confirmation__also-emailed {
        color: #555;
        margin-top: 1.5rem;
    }
}
