/* Reserve panel. Shared by every page that loads /assets/reserve.js.
   Self-contained: its own colors, every class starts with rsv- so it can sit on any page of the site.
   Right-side panel on desktop and tablet, bottom sheet on phones. */
.rsv-drawer,.rsv-scrim{
  --r-surface:#FFFFFF; --r-page:#EEF2F7; --r-callout:#E1EAF6; --r-heading:#1D3577; --r-body:#1C2742; --r-muted:#56627C;
  --r-accent:#2948A8; --r-pick:#2948A8; --r-line:rgba(41,72,168,.16); --r-line-strong:rgba(41,72,168,.42);
  --r-highlight:#F6C445; --r-ok:#1F7A4D; --r-err:#C0392B; --r-btn-bg:#2948A8; --r-btn-fg:#FFFFFF; --r-check:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  .rsv-drawer,.rsv-scrim{
    --r-surface:#173660; --r-page:#102A4C; --r-callout:rgba(255,255,255,.10); --r-heading:#FFFFFF; --r-body:#EEF4F9; --r-muted:rgba(238,244,249,.78);
    --r-accent:#CFE5F7; --r-pick:#CFE5F7; --r-line:rgba(255,255,255,.18); --r-line-strong:rgba(255,255,255,.42);
    --r-ok:#7EE2A8; --r-err:#FF9A8B; --r-btn-bg:#F4F8FB; --r-btn-fg:#1D3F72; --r-check:#1D3F72;
  }
}
html.rsv-locked,html.rsv-locked body{overflow:hidden}
.rsv-scrim{position:fixed;inset:0;background:rgba(10,26,51,.5);z-index:980;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.rsv-scrim.on{opacity:1;visibility:visible}
.rsv-drawer{position:fixed;top:0;right:0;bottom:0;z-index:990;width:min(480px,100vw);background:var(--r-surface);color:var(--r-body);box-shadow:-20px 0 50px rgba(0,0,0,.25);display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility .3s;font:400 15px/1.55 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:left;-webkit-font-smoothing:antialiased;letter-spacing:normal}
.rsv-drawer *{box-sizing:border-box}
.rsv-drawer.on{transform:none;visibility:visible}
.rsv-drawer :focus-visible{outline:3px solid var(--r-highlight);outline-offset:2px}
.rsv-drawer button{font-family:inherit}
.rsv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.rsv-grab{display:none}
.rsv-dh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--r-line)}
.rsv-eyebrow{margin:0;font:700 .75rem/1.2 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--r-accent)}
.rsv-x{background:none;border:0;color:var(--r-heading);cursor:pointer;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;padding:0}
.rsv-x:hover{background:var(--r-callout)}
.rsv-db{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 22px}
.rsv-title{font:400 clamp(1.7rem,1.3rem + 1vw,2.1rem)/1.1 'DM Serif Display',Georgia,serif;color:var(--r-heading);margin:0 0 14px;letter-spacing:normal;text-transform:none}
.rsv-dlab{margin:0 0 8px;font:700 .72rem/1.2 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--r-accent)}

/* pick one or more: one row each; a picked option adds a seat line and a detail line */
.rsv-picks{display:grid;gap:10px}
.rsv-pick{border:1.5px solid var(--r-line-strong);border-radius:14px;transition:border-color .2s,background .2s}
.rsv-pick.on{border-color:var(--r-pick);background:var(--r-callout)}
.rsv-ph{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"chk nm pr" "chk sb pr";gap:2px 12px;align-items:start;width:100%;background:none;border:0;padding:12px 14px;text-align:left;cursor:pointer;color:var(--r-body);font:inherit;border-radius:14px;margin:0}
.rsv-chk{grid-area:chk;width:22px;height:22px;border-radius:6px;border:2px solid var(--r-line-strong);display:grid;place-items:center;margin-top:2px;background:var(--r-surface)}
.rsv-chk svg{opacity:0;transition:opacity .15s}
.rsv-chk svg path{stroke:var(--r-check)}
.rsv-pick.on .rsv-chk{background:var(--r-pick);border-color:var(--r-pick)}
.rsv-pick.on .rsv-chk svg{opacity:1}
.rsv-nm{grid-area:nm;font:400 1.25rem/1.2 'DM Serif Display',Georgia,serif;color:var(--r-heading)}
.rsv-sb{grid-area:sb;font-size:.82rem;line-height:1.4;color:var(--r-muted)}
.rsv-pr{grid-area:pr;font:700 .9rem/1.25 'Inter',sans-serif;color:var(--r-heading);text-align:right;white-space:nowrap}
.rsv-pr small{display:block;font:500 .72rem/1.3 'Inter',sans-serif;color:var(--r-muted)}
.rsv-pb{display:none;margin:0 14px 12px 48px;padding-top:10px;border-top:1px solid var(--r-line)}
.rsv-pick.on .rsv-pb{display:block}
.rsv-pline{margin:6px 0 0;font-size:.82rem;line-height:1.45;color:var(--r-muted)}
.rsv-linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--r-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* seat countdown */
.rsv-count{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.rsv-meter{display:flex;flex-wrap:wrap;gap:4px;flex:none}
.rsv-meter i{display:block;width:9px;height:4px;border-radius:2px;background:var(--r-accent)}
.rsv-meter i.open{background:transparent;box-shadow:inset 0 0 0 1.5px var(--r-line-strong)}
.rsv-meter i.mine{background:var(--r-highlight);box-shadow:inset 0 0 0 1px rgba(26,47,90,.35)}
.rsv-ct{font-size:.84rem;color:var(--r-muted)}
.rsv-ct b{color:var(--r-heading)}
.rsv-after{color:var(--r-heading);font-weight:600;white-space:nowrap}
.rsv-n2{display:inline-block}
.rsv-n2.rsv-tick{animation:rsv-tick .4s ease}
@keyframes rsv-tick{0%{transform:translateY(-45%);opacity:0}100%{transform:none;opacity:1}}
.rsv-count.low .rsv-ct > b{color:var(--r-err)}

/* people, lines, footer */
.rsv-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--r-line-strong);border-radius:12px;padding:10px 14px;margin-top:14px;color:var(--r-heading)}
.rsv-ctl{display:flex;align-items:center;gap:6px;flex:none}
.rsv-ctl button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--r-line-strong);background:transparent;color:var(--r-heading);font:600 1.1rem/1 'Inter',sans-serif;cursor:pointer;padding:0}
.rsv-ctl button:disabled{opacity:.35;cursor:default}
.rsv-ctl output{min-width:20px;text-align:center;font-weight:700}
.rsv-capnote{font-size:.85rem;color:var(--r-muted);margin:.55rem 2px 0}
.rsv-capnote a{color:var(--r-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.rsv-lines{margin-top:14px;font-size:.9rem}
.rsv-ln{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:var(--r-muted);border-bottom:1px solid var(--r-line)}
.rsv-ln.credit span:last-child{color:var(--r-ok);font-weight:600}
.rsv-ln.total{color:var(--r-heading);font-weight:700;border-bottom:0;align-items:baseline}
.rsv-ln.total span:last-child{font:400 1.6rem/1 'DM Serif Display',Georgia,serif}
.rsv-small{font-size:.8rem;color:var(--r-muted);margin:1rem 0 0;text-align:center}
.rsv-alt{display:block;text-align:center;font-weight:600;font-size:.9rem;margin-top:.6rem;color:var(--r-accent)}
.rsv-done{display:none;text-align:center;padding:30px 10px}
.rsv-done h3{font:400 1.8rem/1.15 'DM Serif Display',Georgia,serif;color:var(--r-heading);margin:.4rem 0}
.rsv-done p{margin:0 0 1rem}
.rsv-drawer.sent .rsv-db > :not(.rsv-done),.rsv-drawer.sent .rsv-df{display:none}
.rsv-drawer.sent .rsv-done{display:block}
.rsv-df{border-top:1px solid var(--r-line);padding:14px 22px 18px;background:var(--r-surface)}
.rsv-row{display:flex;gap:10px;flex-wrap:wrap}
.rsv-input{flex:1 1 200px;min-width:0;font:400 1rem/1.2 'Inter',sans-serif;padding:13px 14px;border-radius:10px;border:1.5px solid var(--r-line-strong);background:var(--r-page);color:var(--r-body);margin:0}
.rsv-btn{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:10px;font:700 .95rem/1.2 'Inter',sans-serif;border:0;cursor:pointer;background:var(--r-btn-bg);color:var(--r-btn-fg);text-decoration:none}
.rsv-btn:disabled{opacity:.6;cursor:default}
.rsv-msg{margin:.6rem 0 0;font-size:.9rem;text-align:center}
.rsv-msg:empty{display:none}
.rsv-msg.ok{color:var(--r-ok)} .rsv-msg.err{color:var(--r-err)}

@media (max-width:760px){
  .rsv-drawer{top:auto;left:0;right:0;width:100%;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0;transform:translateY(105%);box-shadow:0 -20px 50px rgba(0,0,0,.25)}
  .rsv-grab{display:block;width:42px;height:4px;border-radius:2px;background:var(--r-line-strong);margin:8px auto 0}
  .rsv-dh{padding:10px 18px 12px}
  .rsv-db{padding:14px 18px 18px}
  .rsv-df{padding:12px 18px calc(14px + env(safe-area-inset-bottom))}
  .rsv-pb{margin:0 12px 12px 12px}
  .rsv-ph{padding:12px}
}
@media (max-width:380px){ .rsv-stepper{flex-wrap:wrap} }
@media (prefers-reduced-motion: reduce){ .rsv-drawer,.rsv-scrim{transition:none} .rsv-n2.rsv-tick{animation:none} }