/**
 * RB26 — supplementary styling for functional widgets that have no
 * equivalent in the UNBOUNDED™ final design system (site.css / scoped).
 * Load AFTER unbounded-2026-final-design-scoped.css so it can use the
 * same CSS variables (--ink, --green, --lime, --paper, --paper-2, --line, --muted).
 * Everything here is scoped under .rb26-page / .rb26-status-page so it
 * never leaks into the rest of the WordPress site.
 */

.rb26-page .rb26-dates-badge{display:inline-block;font-size:13px;letter-spacing:.04em;color:var(--muted)}

.rb26-page .rb26-form-box{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:clamp(24px,4vw,44px);box-shadow:0 24px 60px -30px rgba(11,32,24,.18)}
.rb26-page .rb26-form-box .rb26-form{margin:0}
@media(max-width:650px){.rb26-page .rb26-form-box{padding:22px;border-radius:16px}}

.rb26-page .rb26-autosave-status{display:block;margin-top:8px;font-size:11px;text-transform:none;letter-spacing:0;color:var(--muted);transition:.2s ease}
.rb26-page .rb26-autosave-status.is-saved{color:var(--green-2)}

.rb26-page label.rb26-consent{display:flex!important;flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;font-size:14px;letter-spacing:0;color:var(--muted);padding-top:8px}
.rb26-page label.rb26-consent input{width:auto!important;margin-top:3px;flex:none}

.rb26-page .rb26-currency-box{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.rb26-page .rb26-mini-label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.rb26-page .rb26-currency-switch{display:flex;gap:8px;flex-wrap:wrap}
.rb26-page .rb26-currency-switch button{appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 16px;border-radius:99px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:.2s}
.rb26-page .rb26-currency-switch button.is-active{background:var(--ink);color:var(--paper)}
.rb26-page .rb26-rate-note{color:var(--muted);font-size:12px;text-align:right}

.rb26-page .rb26-payment-breakdown{border:1px solid var(--line);margin-top:8px}
.rb26-page .rb26-payment-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px}
.rb26-page .rb26-payment-breakdown>div:last-child{border-bottom:0}
.rb26-page .rb26-payment-breakdown [hidden]{display:none!important}
.rb26-page .rb26-summary{background:var(--paper-2)!important;font-weight:700}
.rb26-page .rb26-summary strong{font-size:18px}

.rb26-page .rb26-pay{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.rb26-page .rb26-pay .btn{border:0;cursor:pointer}
.rb26-page .rb26-pay .btn:not(.dark){border:1px solid var(--ink);background:transparent;color:var(--ink)}

.rb26-page .rb26-form.is-loading{opacity:.6;pointer-events:none}
.rb26-page .uld-message{padding:8px 0;font-size:14px}
.rb26-page .uld-message.error{color:#b3261e}
.rb26-page .uld-message.success{color:var(--green-2)}

@media(max-width:650px){
  .rb26-page .rb26-currency-box{align-items:stretch;flex-direction:column}
  .rb26-page .rb26-rate-note{text-align:left}
  .rb26-page .rb26-pay .btn{width:100%}
}

/* ── Confirmation / cancelled status page ─────────────────────────── */
.ub2-page .rb26-status-page{min-height:78vh;display:grid;place-items:center;padding:80px 20px;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.ub2-page .rb26-status-card{width:min(760px,100%);text-align:center;border:1px solid var(--line);background:var(--white);padding:clamp(32px,7vw,72px);border-radius:24px}
.ub2-page .rb26-status-logo{font-weight:800;letter-spacing:.24em;margin-bottom:35px;font-size:14px}
.ub2-page .rb26-status-logo span{color:var(--green-2);font-size:10px;vertical-align:top}
.ub2-page .rb26-status-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:var(--lime);color:var(--ink);font-size:34px;font-weight:800}
.ub2-page .rb26-status-page.is-cancelled .rb26-status-icon{background:transparent;border:2px solid var(--ink);color:var(--ink)}
.ub2-page .rb26-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--muted)}
.ub2-page .rb26-status-card h1{font-family:Newsreader,serif;font-weight:400;font-size:clamp(34px,5.5vw,58px);line-height:1.05;letter-spacing:-.03em;margin:14px 0}
.ub2-page .rb26-status-card>p{line-height:1.75;color:var(--muted)}
.ub2-page .rb26-status-note,.ub2-page .rb26-status-details{margin:22px 0;padding:16px;border:1px solid var(--line);background:var(--paper-2);border-radius:12px}
.ub2-page .rb26-status-details{display:flex;justify-content:space-between;gap:20px}
.ub2-page .rb26-status-button{display:inline-block;margin-top:15px;padding:15px 28px;background:var(--ink);color:var(--paper)!important;text-decoration:none;font-weight:600;border-radius:99px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.ub2-page .rb26-status-button.is-secondary{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}

.ub2-page .rb26-confirmation-panel{margin:28px 0;text-align:left;border:1px solid var(--line);background:var(--paper-2);border-radius:16px;overflow:hidden}
.ub2-page .rb26-confirmation-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ub2-page .rb26-confirmation-head strong{color:var(--green-2)}
.ub2-page .rb26-confirmation-grid{display:grid;grid-template-columns:1fr 1fr}
.ub2-page .rb26-confirmation-grid>div{padding:16px 20px;border-bottom:1px solid var(--line);min-width:0}
.ub2-page .rb26-confirmation-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.ub2-page .rb26-confirmation-grid span,.ub2-page .rb26-event-card>span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.ub2-page .rb26-confirmation-grid strong{display:block;color:var(--ink);font-size:14px;overflow-wrap:anywhere}
.ub2-page .rb26-confirmation-grid .rb26-confirmation-total{grid-column:1/-1;border-right:0;background:var(--lime);display:flex;align-items:center;justify-content:space-between}
.ub2-page .rb26-confirmation-grid .rb26-confirmation-total span,.ub2-page .rb26-confirmation-grid .rb26-confirmation-total strong{color:var(--ink)}
.ub2-page .rb26-confirmation-grid .rb26-confirmation-total strong{font-size:20px}
.ub2-page .rb26-event-card{margin:24px 0;padding:18px 20px;text-align:left;border-left:4px solid var(--green-2);background:var(--paper-2);border-radius:0 12px 12px 0}
.ub2-page .rb26-event-card strong{font-size:18px}
.ub2-page .rb26-event-card p{margin:6px 0 0!important;color:var(--muted)!important}
.ub2-page .rb26-status-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:620px){
  .ub2-page .rb26-confirmation-grid{grid-template-columns:1fr}
  .ub2-page .rb26-confirmation-grid>div:nth-child(odd){border-right:0}
  .ub2-page .rb26-confirmation-grid .rb26-confirmation-total{grid-column:auto}
  .ub2-page .rb26-status-card{padding:32px 20px}
}
