/* AddiPress Listings — checkout. Uses theme variables with fallbacks. */
.apl-checkout {
    --c-primary: var(--apl-primary, #4f46e5);
    --c-ink: var(--apl-ink, #0f172a);
    --c-muted: var(--apl-muted, #64748b);
    --c-line: var(--apl-line, #e2e8f0);
    --c-bg: var(--apl-bg, #fff);
    --c-radius: var(--apl-radius, 14px);
    max-width: 520px; margin: 0 auto;
    font-family: var(--apl-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    color: var(--c-ink);
}
.apl-checkout__summary, .apl-checkout__done, .apl-checkout__offline {
    background: var(--c-bg); border: 1px solid var(--c-line); border-radius: var(--c-radius); padding: 24px; margin-bottom: 16px;
}
.apl-checkout__row { display: flex; justify-content: space-between; align-items: center; font-size: 18px; padding: 8px 0; }
.apl-checkout__row strong { font-size: 22px; }
.apl-checkout__desc { color: var(--c-muted); margin: 4px 0 0; }
.apl-checkout__methods { display: grid; gap: 10px; }
.apl-checkout__err { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; padding: 10px 14px; border-radius: 10px; margin-bottom: 14px; }
.apl-checkout__ref { font-weight: 700; }
.apl-checkout__done { text-align: center; display: grid; gap: 12px; justify-items: center; }
.apl-checkout__ico { width: 56px; height: 56px; border-radius: 999px; background: #16a34a; color: #fff; font-size: 28px; display: flex; align-items: center; justify-content: center; }

/* Button fallbacks */
.apl-checkout .apl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer; background: var(--c-line); color: var(--c-ink); }
.apl-checkout .apl-btn--primary { background: var(--c-primary); color: #fff; }
.apl-checkout .apl-btn--secondary { background: var(--c-ink); color: #fff; }
.apl-checkout .apl-btn--ghost { background: transparent; border-color: var(--c-line); color: var(--c-muted); }
.apl-checkout .apl-btn--block { width: 100%; }
