/* Scoped to the menu and browser-only order simulation. */
.demo-order-notice { border-left: 3px solid var(--gold); padding: 12px 16px; margin-top: 18px; background: var(--ink-2); color: var(--paper); }
.cart-order-notice { background: rgba(232,189,103,.08); padding: 10px 12px; }
.order-by-phone { display: block; width: fit-content; margin-top: 4px; padding: 3px 0; font: 600 16px/1.45 var(--body); color: var(--paper); text-decoration: none; }
.order-by-phone strong { color: var(--gold); white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
.demo-menu .item { grid-template-columns: minmax(0, 1fr) auto auto; }
.demo-menu .price-unconfirmed { font-size: 11px; max-width: 15ch; grid-column: 2 / -1; }
.demo-menu .item > div:first-child, .demo-order-page .cart .line > div { min-width: 0; overflow-wrap: anywhere; }
.demo-order-page .cart .line { grid-template-columns: auto minmax(0, 1fr) auto; }
.demo-order-page .field select { width: 100%; min-width: 0; }
.demo-order-page .cart h3 { padding-right: 30px; }
.demo-order-page #demo-error { color: var(--paper); }
@media (max-width: 600px) {
  .demo-menu .item { grid-template-columns: minmax(0, 1fr) auto; }
  .demo-menu .item > div:first-child { grid-column: 1; grid-row: 1 / span 2; }
  .demo-menu .item .p { grid-column: 2; grid-row: 1; }
  .demo-menu .item .addwrap, .demo-menu .item .row-stepper { grid-column: 2; justify-self: end; }
  .demo-order-page .cart .line { grid-template-columns: minmax(0, 1fr) auto; }
  .demo-order-page .cart .line .qty { grid-column: 1; grid-row: 2; justify-self: start; }
  .demo-order-page .cart .line > div:nth-child(2) { grid-column: 1; grid-row: 1; }
  .demo-order-page .cart .line > div:last-child { grid-column: 2; grid-row: 1; }
}

/* Shared taco choice uses each filling's original menu item and price. */
.demo-menu .menu-choice { grid-column: 1 / -1; }
.demo-menu :is(.menu-choice, .tortilla-choice) .d { max-width: 64ch; }
.demo-menu :is(.menu-choice, .tortilla-choice) .choice-field { max-width: 26rem; margin: 16px 0 0; }
.demo-menu :is(.menu-choice, .tortilla-choice) select { width: 100%; min-width: 0; }
.demo-menu :is(.menu-choice, .tortilla-choice) .choice-purchase { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; grid-column: 2 / -1; grid-row: 1; }
.demo-menu :is(.menu-choice, .tortilla-choice) .p { white-space: nowrap; }
.demo-menu :is(.menu-choice, .tortilla-choice) .add:disabled { opacity: .4; cursor: not-allowed; }
@media (max-width: 600px) {
  .demo-menu :is(.menu-choice, .tortilla-choice) > div:first-child { grid-column: 1 / -1; grid-row: 1; }
  .demo-menu :is(.menu-choice, .tortilla-choice) .choice-purchase { grid-column: 1 / -1; grid-row: 2; flex-direction: row; justify-content: space-between; align-items: center; }
  .demo-menu :is(.menu-choice, .tortilla-choice) .choice-field { max-width: none; }
}

.demo-order-page .cart-tortilla-field { margin: 12px 0 0; }
#menu-body .tortilla-choice { scroll-margin-top: 90px; }