/* ============================================================
   Lorbass v2 – Getränkekarte (nur auf /menu geladen)
   ============================================================ */

/* Sticky Kategorie-Leiste unter dem Header */
.menu-tabs {
  position: sticky; top: 70px; z-index: 30;
  background: rgba(13, 13, 13, .95); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border);
}
.menu-tabs-inner {
  max-width: var(--container); margin-inline: auto;
  display: flex; gap: .25rem; overflow-x: auto; padding: .5rem 1rem;
  scrollbar-width: none;
}
.menu-tabs-inner::-webkit-scrollbar { display: none; }
.menu-tab {
  flex: 0 0 auto; font-size: .85rem; white-space: nowrap;
  padding: .45rem .9rem; border-radius: 999px; color: var(--muted);
  border: 1px solid transparent; transition: all .2s;
}
.menu-tab:hover { color: var(--accent); }
.menu-tab.active {
  color: var(--bg); background: var(--accent); border-color: var(--accent);
}

.menu-content { padding: 1.5rem 1rem 3rem; }

.menu-section { scroll-margin-top: 140px; padding-top: 1.5rem; }
.menu-section-head { display: flex; align-items: center; gap: .6rem; margin-bottom: .25rem; }
.menu-section-icon { font-size: 1.4rem; }
.menu-section-head h2 { font-family: var(--font-serif); font-size: 1.5rem; color: var(--accent); }
.menu-section > .menu-section-head + .menu-item,
.menu-section-head { border-bottom: 1px solid var(--border); padding-bottom: .5rem; }

.menu-subhead {
  font-size: .8rem; text-transform: uppercase; letter-spacing: .12em;
  color: var(--muted); margin: 1.25rem 0 .35rem;
}

.menu-item {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--surface2);
}
.menu-item-left { min-width: 0; }
.menu-item-name { color: var(--text); }
.menu-item-size { display: block; font-size: .8rem; color: var(--muted); margin-top: .1rem; }
.menu-item-price { flex: 0 0 auto; color: var(--accent); font-variant-numeric: tabular-nums; }