/*
 * arc-event-reg secondary-page screen styles (v1.51.0).
 *
 * Shared stylesheet for the four bare-HTML secondary shortcode pages:
 *   [arc_event_reg_transfer]      -> .arc-event-reg-transfer
 *   [arc_event_reg_staff_cancel]  -> .arc-event-reg-staff-cancel
 *   [arc_event_reg_resolve]       -> .arc-event-reg-resolve
 *   [arc_event_reg_cancel]        -> .arc-event-reg-cancel
 *
 * These pages render as bare theme defaults today. This stylesheet gives them
 * the same calm, professional, Poppins-only token system the v1.50.0
 * confirmation page carries, sized for utility pages (not the celebratory
 * landing page).
 *
 * Every rule is scoped under one of the four wrapper classes above. Never write
 * a bare-element rule that escapes into the host theme.
 *
 * NOTE: the cancellation shortcode renders wrapper class `arc-event-reg-cancel`
 * (not `-cancellation`); the selectors below match the class as it ships.
 */

.arc-event-reg-transfer,
.arc-event-reg-staff-cancel,
.arc-event-reg-resolve,
.arc-event-reg-cancel {
    --arc-orange:      #EA7125;
    --arc-blue:        #005E85;
    --arc-text:        #1a1f24;
    --arc-muted:       #5a6671;
    --arc-rule:        #d8dde2;
    --arc-tint-orange: #fff8f1;

    --arc-h2:        26px;
    --arc-h3:        20px;
    --arc-body:      19px;
    --arc-secondary: 18px;
    --arc-floor:     14px;

    max-width: 720px;
    margin: 0 auto;
    padding: 28px 22px 48px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    color: var(--arc-text);
    font-size: var(--arc-body);
    line-height: 1.55;
}

/* ─── Headings ──────────────────────────────────────────────────────────── */

.arc-event-reg-transfer h2,
.arc-event-reg-staff-cancel h2,
.arc-event-reg-resolve h2,
.arc-event-reg-cancel h2 {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: var(--arc-h2);
    line-height: 1.25;
    font-weight: 600;
    color: var(--arc-text);
    margin: 0 0 18px;
}

.arc-event-reg-transfer h3,
.arc-event-reg-staff-cancel h3,
.arc-event-reg-resolve h3,
.arc-event-reg-cancel h3 {
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: var(--arc-h3);
    line-height: 1.3;
    font-weight: 600;
    color: var(--arc-text);
    margin: 0 0 10px;
}

/* ─── Body text ─────────────────────────────────────────────────────────── */

.arc-event-reg-transfer p,
.arc-event-reg-staff-cancel p,
.arc-event-reg-resolve p,
.arc-event-reg-cancel p {
    font-size: var(--arc-body);
    line-height: 1.55;
    margin: 0 0 16px;
}

.arc-event-reg-transfer strong,
.arc-event-reg-staff-cancel strong,
.arc-event-reg-resolve strong,
.arc-event-reg-cancel strong {
    font-weight: 600;
    color: var(--arc-text);
}

.arc-event-reg-transfer ul,
.arc-event-reg-staff-cancel ul,
.arc-event-reg-resolve ul,
.arc-event-reg-cancel ul {
    margin: 0 0 16px;
    padding-left: 1.4em;
}

.arc-event-reg-transfer li,
.arc-event-reg-staff-cancel li,
.arc-event-reg-resolve li,
.arc-event-reg-cancel li {
    margin: 0 0 8px;
    line-height: 1.55;
}

/* Links: blue + underline. Never color alone (brand accessibility). */
.arc-event-reg-transfer a,
.arc-event-reg-staff-cancel a,
.arc-event-reg-resolve a,
.arc-event-reg-cancel a {
    color: var(--arc-blue);
    text-decoration: underline;
}

/* ─── Primary action button ─────────────────────────────────────────────── */
/* Mirrors the v1.50.0 confirmation-page Join button treatment. */

.arc-event-reg-transfer button[type="submit"],
.arc-event-reg-staff-cancel button[type="submit"],
.arc-event-reg-resolve button[type="submit"],
.arc-event-reg-cancel button[type="submit"] {
    display: inline-block;
    background: var(--arc-orange);
    color: #ffffff;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    padding: 14px 24px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-size: var(--arc-body);
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
    margin: 4px 0 0;
    box-shadow: 0 2px 6px rgba(234, 113, 37, 0.35);
    transition: box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.arc-event-reg-transfer button[type="submit"]:hover,
.arc-event-reg-transfer button[type="submit"]:focus,
.arc-event-reg-staff-cancel button[type="submit"]:hover,
.arc-event-reg-staff-cancel button[type="submit"]:focus,
.arc-event-reg-resolve button[type="submit"]:hover,
.arc-event-reg-resolve button[type="submit"]:focus,
.arc-event-reg-cancel button[type="submit"]:hover,
.arc-event-reg-cancel button[type="submit"]:focus {
    background: #d3631d;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(234, 113, 37, 0.45);
    transform: translateY(-1px);
}

.arc-event-reg-transfer button[type="submit"]:focus-visible,
.arc-event-reg-staff-cancel button[type="submit"]:focus-visible,
.arc-event-reg-resolve button[type="submit"]:focus-visible,
.arc-event-reg-cancel button[type="submit"]:focus-visible {
    outline: 3px solid #ffd9bf;
    outline-offset: 2px;
}

/* ─── Transfer: summary context block ───────────────────────────────────── */

.arc-event-reg-transfer__context {
    background: var(--arc-tint-orange);
    border: 1px solid var(--arc-rule);
    border-radius: 8px;
    padding: 20px 24px;
    margin: 0 0 24px;
}
.arc-event-reg-transfer__context p:last-child {
    margin-bottom: 0;
}

/* ─── Staff-cancel: group attendee table ────────────────────────────────── */

.arc-event-reg-staff-cancel__group-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 24px;
    font-size: var(--arc-secondary);
}
.arc-event-reg-staff-cancel__group-table th {
    text-align: left;
    font-weight: 600;
    color: var(--arc-muted);
    border-bottom: 2px solid var(--arc-rule);
    padding: 10px 12px;
}
.arc-event-reg-staff-cancel__group-table td {
    border-bottom: 1px solid var(--arc-rule);
    padding: 10px 12px;
    vertical-align: top;
}

/* ─── Resolve: credit-vs-refund choice cards ────────────────────────────── */

.arc-event-reg-resolve-choices {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 8px 0 24px;
}
.arc-event-reg-resolve-choice {
    flex: 1 1 280px;
    border: 1px solid var(--arc-rule);
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
}
.arc-event-reg-resolve-choice h3 {
    margin-top: 0;
}
.arc-event-reg-resolve-choice form {
    margin: 0;
}

/* ─── Resolve: generated credit-code display ────────────────────────────── */

.arc-event-reg-resolve .arc-event-reg-credit-code {
    margin: 8px 0 24px;
    text-align: center;
}
.arc-event-reg-resolve .arc-event-reg-credit-code code {
    display: inline-block;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--arc-text);
    background: var(--arc-tint-orange);
    border: 1px solid var(--arc-rule);
    border-radius: 8px;
    padding: 14px 22px;
}