/* A completed reservation has one read-only confirmation, outside the editable form. */
.booking-page.booking-complete #booking-form,
.booking-page.booking-complete .booking-steps,
.booking-page.booking-complete .booking-mobile-steps,
.booking-page.booking-complete .booking-mobile-bar{display:none!important}
.booking-confirmation[hidden],.booking-confirmation [hidden]{display:none!important}
.booking-page.booking-complete #obsah{display:block;max-width:850px;padding-top:52px;padding-bottom:72px}
#booking-success.booking-confirmation{margin:0 auto;padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:22px;background:var(--surface);scroll-margin-top:110px}
.booking-confirmation-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border:1px solid #b973f36b;border-radius:50%;background:#9c40e21c;color:#cc9bff;font-size:28px;font-weight:700}
#booking-success .eyebrow{font-size:10px;letter-spacing:.17em;color:var(--muted);margin:0 0 14px}
#booking-success h2{font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;outline:none}
#booking-success .booking-confirmation-message{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 26px}
#booking-success .booking-confirmation-date{font-size:19px;font-weight:700;margin:0 0 18px}
.booking-confirmation-program{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.booking-confirmation-activity{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
#booking-success .booking-confirmation-activity h3{font-size:18px;margin:0 0 7px;color:var(--text)}
#booking-success .booking-confirmation-people{font-size:12px;margin:0 0 16px;color:var(--muted)}
.booking-confirmation-activity ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.booking-confirmation-activity li{padding:7px 10px;border-radius:7px;background:#b56eff16;color:var(--text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.booking-confirmation-email{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
#booking-success .booking-confirmation-email p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 8px}
.booking-confirmation-email strong{color:var(--text);overflow-wrap:anywhere}
#booking-success .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media(max-width:600px){.booking-page.booking-complete #obsah{width:calc(100% - 32px);padding-top:28px;padding-bottom:40px}#booking-success.booking-confirmation{padding:24px 20px;border-radius:16px}.booking-confirmation-program{grid-template-columns:1fr}.booking-confirmation-activity{padding:18px}#booking-success .actions{flex-direction:column}#booking-success .actions .button{width:100%;text-align:center}}