/* ==========================================================================
   resources/css/stammgast_frequent.css — Stammgast SG14 (11.10.2026): the bar
   "Oft bestellt" / "Zuletzt bestellt" above the menu and the box "Bestellungen
   auf diesem Gerät merken" (menu/stammgast_frequent.js). Loaded by the menu
   shell only while feature FAVORITES or GUEST_MEMORY is live here.
   The cards are the menu's own (.gzo-item-card); this file only lays out ONE
   swipeable row of at most six (never a second list that pushes the menu
   down) and the box. Logical properties only (RTL mirrors by itself).
   ========================================================================== */

/* the bar — the same inset as the dish cards and the Wunschgericht band */
.gz-order .gzs-freq { margin: 4px 16px 18px; min-width: 0; }
.gz-order .gzo-guided .gzs-freq { margin-inline: 0; }
.gz-order .gzs-freq__title {
  font-family: var(--gzo-font-display); font-weight: 700; font-size: 16px; letter-spacing: -.01em;
  margin: 0; line-height: 1.25;
}
.gz-order .gzs-freq__sub {
  font-family: var(--gzo-font-body); font-size: 12.5px; line-height: 1.4; color: var(--gzo-text-2);
  margin: 2px 0 10px;
}
.gz-order .gzs-freq__row {
  display: flex; gap: 12px; margin: 0; padding: 2px 2px 8px; list-style: none;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; scrollbar-width: thin;
}
.gz-order .gzs-freq__cell { flex: 0 0 min(84%, 330px); min-width: 0; scroll-snap-align: start; display: flex; }
.gz-order .gzs-freq__cell > .gzo-item-card { flex: 1; min-width: 0; }
.gz-order .gzs-freq__row:focus-visible { outline: 2px solid var(--gzo-primary); outline-offset: 2px; border-radius: 12px; }

@media (min-width: 1024px) {
  .gz-order .gzs-freq { margin: 4px 0 18px; }
  .gz-order .gzs-freq__title { font-size: 18px; }
  .gz-order .gzs-freq__cell { flex-basis: 340px; }
}

/* the box "Bestellungen auf diesem Gerät merken" — order pass and «Meine Bestellungen» */
.gz-order .gzs-mem {
  display: flex; gap: 11px; align-items: flex-start;
  background: var(--gzo-card); border: 1px solid var(--gzo-border); border-radius: 14px;
  padding: 12px 13px; margin: 14px 0 6px;
}
.gz-order .gzs-mem__box {
  flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--gzo-primary); cursor: pointer;
}
.gz-order .gzs-mem__label {
  display: block; font-family: var(--gzo-font-body); font-weight: 600; font-size: 14px; line-height: 1.35; cursor: pointer;
}
.gz-order .gzs-mem__note { font-family: var(--gzo-font-body); font-size: 12.5px; line-height: 1.45; color: var(--gzo-text-2); margin: 3px 0 0; }