/* Safety - The Musical: ticket types on the purchase page (options-1010 DESIGN.md 8). Loaded only for a show with
   ticket options; the variables come from buy.css. The state of a type is always in words, never colour alone. */
.b-opts { margin: 0 0 4px; padding: 0; border: 0; min-width: 0; }
.b-opts legend { padding: 0; }
.b-opts legend:focus { outline: none; }
.b-opts legend:focus-visible { outline: 2px solid var(--amber-hi); outline-offset: 4px; border-radius: 4px; }
.b-opt { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 4px 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.b-opt:first-of-type { border-top: 0; padding-top: 4px; }
.b-opt-l { grid-column: 1; grid-row: 1; color: var(--cream); font-size: 17px; font-weight: 600; line-height: 1.3; }
.b-opt-name { overflow-wrap: anywhere; }
.b-opt-st { display: inline-block; margin-left: 6px; color: var(--amber-hi); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
.b-opt.is-out .b-opt-st { display: block; margin: 2px 0 0; color: var(--muted); }
.b-opt.is-out .b-opt-l { color: var(--muted); }
.b-opt-note { grid-column: 1; grid-row: 2; margin: 0 !important; color: var(--muted); font-size: 14px; line-height: 1.4; }
.b-opt-sel { grid-column: 2; grid-row: 1 / span 2; min-height: 48px; padding: 8px 10px; font-size: 18px; text-align: center; }
.b-opt-sel:disabled { opacity: 0.45; }
.b-opt-err { min-height: 1.2em; margin: 6px 0 0 !important; color: var(--bad); font-size: 14px; font-weight: 600; }
.b-opt-one { margin: 0 0 2px !important; color: var(--cream); font-size: 17px; }
.b-qty .b-opt-note { margin: 0 0 10px !important; }
@media (max-width: 360px) {
  .b-opt { grid-template-columns: minmax(0, 1fr) 80px; }
}

/* options-1012: the wheelchair symbol before an accessibility ticket type (owner 2026-10-12) */
.opt-ico { display: inline-block; width: 1.05em; height: 1.05em; padding: 2px; margin: 0 0.45em 0 0; vertical-align: -0.22em; border-radius: 4px; background: #1f6fd1; color: #fff; box-sizing: content-box; flex: none; }