/* "Skip the line" survey header button: quiet ghost pill, never competing with the
   Order/waitlist CTA. Uses currentColor so it adapts to light and dark headers
   (404 page header is white-on-dark). */

.myo-6pm-cta{
  display:none;align-items:center;gap:8px;
  margin-left:auto;margin-right:22px;
  padding:7px 14px;
  border:1px solid rgba(110,110,115,.5);
  border-color:color-mix(in srgb,currentColor 42%,transparent);
  border-radius:980px;background:transparent;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  font-size:13px;font-weight:400;letter-spacing:-.01em;line-height:1.2;
  text-transform:none;text-decoration:none;color:inherit;opacity:.88;
  transition:opacity .3s,border-color .3s;white-space:nowrap;
}
.myo-6pm-cta:hover{opacity:1;border-color:color-mix(in srgb,currentColor 62%,transparent)}
.myo-6pm-cta .myo-6pm-min{font-size:11px;opacity:.55}
@media(min-width:768px){
  .myo-6pm-cta{display:inline-flex}
}

/* Order page header switches at 1024px instead of 768px */
.cheffy-header .myo-6pm-cta{display:none}
@media(min-width:1024px){
  .cheffy-header .myo-6pm-cta{display:inline-flex}
}

/* Mobile menu entry: same ghost pill, sized for the overlay menu */
.myo-menu .myo-6pm-menu,
.cheffy-menu .myo-6pm-menu{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  min-height:48px;padding:12px 22px;margin-top:6px;
  border:1px solid rgba(110,110,115,.5);
  border-color:color-mix(in srgb,currentColor 42%,transparent);
  border-radius:980px;
  /* font-weight is explicit because /order's menu sets 600 on its links, which
     would otherwise leave the label bold next to its own 400-weight "2 min". */
  font-size:17px;font-weight:400;letter-spacing:-.01em;line-height:1.2;
  text-transform:none;text-decoration:none;
}
.myo-menu .myo-6pm-menu .myo-6pm-min,
.cheffy-menu .myo-6pm-menu .myo-6pm-min{font-size:13px;font-weight:400;opacity:.55}