/* Direct ordering and booking choices share the site's black-and-gold theme. */
.sl-provider-page { min-height: 0; }
.sl-provider-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}
body[data-figma-page] .sl-provider-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  min-height: 58px;
  padding: 17px 20px;
  border: 1px solid var(--fx-brass);
  border-radius: 2px;
  background: var(--fx-panel);
  color: var(--fx-chalk);
  font: 600 14px/1.5 var(--font-body);
  text-align: center;
  transition: background 160ms ease-out, color 160ms ease-out;
}
body[data-figma-page] .sl-provider-link:hover {
  background: var(--fx-brass);
  color: var(--fx-ink);
}
.sl-provider-arrow { flex: 0 0 auto; color: var(--fx-brass); font-size: 20px; line-height: 1; }
.sl-provider-link:hover .sl-provider-arrow { color: inherit; }
.sl-provider-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.sl-provider-skip {
  position: fixed; top: 12px; left: 12px; z-index: 1500;
  padding: 14px 20px; transform: translateY(-160%);
}
body[data-figma-page] .sl-provider-skip:focus {
  transform: none; background: var(--fx-brass); color: var(--fx-ink);
}
@media (min-width: 821px) and (max-width: 1100px), (max-width: 480px) {
  .sl-provider-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 820px) {
  .sl-provider-actions { align-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-figma-page] .sl-provider-link { transition: none; }
}

/* Existing Order Online accessibility controls. */
body[data-figma-page="order"] {
  --ink: var(--fx-ink); --char: var(--fx-panel); --cream: var(--fx-chalk);
  --cream-dim: var(--fx-chalk-2); --line-soft: var(--fx-line);
  --gold: var(--fx-brass); --gold-bright: var(--fx-brass); --line: var(--fx-line);
  --smoke: var(--fx-steel); --sans: var(--font-body); --ease: var(--fx-ease-out);
}
.a11y{position:fixed;left:22px;bottom:22px;z-index:1300;font-family:var(--sans)}
.a11y-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(200,164,94,.5);
  background:rgba(10,10,12,.92);backdrop-filter:blur(10px);color:var(--gold-bright);cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.8);
  transition:transform .3s var(--ease),border-color .3s}
.a11y-btn:hover{transform:scale(1.08);border-color:var(--gold)}
.a11y-panel{position:absolute;left:0;bottom:64px;width:250px;background:rgba(12,12,15,.97);
  backdrop-filter:blur(16px);border:1px solid var(--line);padding:18px;display:none;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.9)}
.a11y.open .a11y-panel{display:block}
.a11y-panel h5{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  margin:0 0 12px;font-family:var(--sans);font-weight:600}
.a11y-opt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;
  background:none;border:none;border-bottom:1px solid var(--line-soft);color:var(--cream-dim);
  font-size:12.5px;padding:11px 2px;cursor:pointer;font-family:var(--sans);text-align:left;transition:color .3s}
.a11y-opt:hover{color:var(--cream)}
.a11y-opt .dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--smoke);flex-shrink:0}
.a11y-opt[aria-pressed="true"]{color:var(--gold-bright)}
.a11y-opt[aria-pressed="true"] .dot{background:var(--gold);border-color:var(--gold)}
.a11y-reset{margin-top:12px;width:100%;background:none;border:1px solid rgba(236,229,216,.25);
  color:var(--cream);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding:10px;
  cursor:pointer;font-family:var(--sans);transition:all .3s}
.a11y-reset:hover{border-color:var(--gold);color:var(--gold-bright)}
/* effects */
body.a11y-large{zoom:1.18}
body[data-figma-page="order"].a11y-contrast{
  --fx-ink:#000;--fx-panel:#000;--fx-chalk:#fff;--fx-chalk-2:#ececec;
  --fx-steel:#d2d2d8;--fx-brass:#ffe2a6;--fx-line:rgba(255,226,166,.55)}
body.a11y-contrast::after{display:none}
body.a11y-font{--font-display:var(--font-body);--fx-display:var(--font-body);--fx-turn:var(--font-body);--fx-logo:var(--font-body)}
body.a11y-font em,body.a11y-font i,body.a11y-font .ital{font-style:normal}
body.a11y-links a{text-decoration:underline;text-underline-offset:3px}
body.a11y-motion *,body.a11y-motion *::before,body.a11y-motion *::after{animation:none!important;transition:none!important}
body.a11y-motion .rv{opacity:1!important;transform:none!important}
