/* mulestyle_menu.css – Zusätze für die Getränkeseite */
.menu-wrap{ max-width: 1100px; margin: 0 auto; padding: clamp(16px,3vw,32px); }
.menu-header{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom: 18px; }
.menu-title{ font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(28px,4vw,40px); }
.menu-search{ flex: 1; display:flex; gap:8px; justify-content:flex-end; }
.menu-search input{
  width: 260px; max-width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.15);
  background: #141517; color: #f5f5f5;
}
.category{ margin: 16px 0 26px; }
.category h2{ font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(24px,3.5vw,36px); margin: 0 0 2px; }
.category .desc{ color:#c7c7c7; font-size: 14px; margin-bottom: 10px; }

.menu-list{ display:grid; grid-template-columns: 1fr auto; gap:8px 16px; background: #141517;
  border-radius: 16px; padding: 14px 16px; border:1px solid rgba(255,255,255,.08); }
.item-name{ color:#f5f5f5; font-weight:600; }
.item-meta{ color:#c7c7c7; font-size: 14px; }
.item-price{ color:#E8D38E; font-weight:700; text-align:right; white-space: nowrap; }
.item{ display:contents; }
.menu-notes{ color:#c7c7c7; font-size: 13px; margin-top: 16px; font-style: italic; opacity:.9 }

.badge-cat{ display:inline-block; padding:5px 9px; border-radius:999px;
  background: rgba(168,137,42,.15); color:#E8D38E; border:1px solid rgba(232,211,142,.35);
  font-weight:600; letter-spacing:.2px; font-size:12px; margin-left:8px;
}
.filterbar{ display:flex; flex-wrap:wrap; gap:8px; margin: 8px 0 18px; }
.filterbar button{
  background: #141517; color:#f5f5f5; border:1px solid rgba(255,255,255,.12); border-radius: 999px; padding:6px 10px; cursor:pointer;
}
.filterbar button.active{ outline:2px solid #A8892A; }