/* Carte des boissons (menu/menu.html) ; les lignes (menu/_drink.html) servent
   aussi à l'aperçu de l'accueil sur écran large. */
.menu-head { display:flex; flex-direction:column; gap:16px; }
.menu-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.menu-head h1 { margin:0; }

/* Pastilles d'accès direct aux catégories */
.menu-jump { display:flex; flex-wrap:wrap; gap:8px; }
.menu-jump a {
  padding:12px 16px; border-radius:999px; border:1px solid rgba(254,246,229,.3);
  color:var(--ink); font-size:14px; font-weight:500; text-decoration:none; white-space:nowrap;
}
.menu-jump a:hover, .menu-jump a:focus-visible {
  background:var(--ink); border-color:var(--ink); color:var(--bg);
}

.menu-cat { margin-top:32px; scroll-margin-top:16px; }
.menu-cat .eyebrow { margin-bottom:4px; }
ul.drinks { list-style:none; margin:0; padding:0; }
.drink {
  display:flex; gap:14px; align-items:flex-start;
  padding:14px 0; border-bottom:1px solid var(--rule);
}
.drink-img {
  flex:0 0 64px; width:64px; height:64px; border-radius:4px;
  object-fit:cover; display:block; background:var(--ink);
}
.drink-main { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.drink-head { display:flex; align-items:baseline; gap:8px; }
.drink-name { font-size:17px; font-weight:600; }
.drink-dots {
  flex:1; min-width:12px; transform:translateY(-4px);
  border-bottom:1px dotted rgba(254,246,229,.35);
}
.drink-price, .drink-price-hh {
  font-size:16px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums;
}
.drink-price-old {
  font-weight:400; font-size:14px; color:var(--soft); text-decoration:line-through;
}
.drink-price-hh { color:var(--green); }
.drink-sub { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.drink-sub:empty { display:none; }
.drink-desc { margin:0; font-size:14px; line-height:1.45; color:var(--soft); }
.drink-hh {
  margin-left:auto; font-size:12px; font-weight:600; color:var(--gold);
  white-space:nowrap; font-variant-numeric:tabular-nums;
}
.drink-hh abbr { text-decoration:none; }
.menu-empty { color:var(--soft); }

@media (min-width:900px) {
  .menu-cat { margin-top:48px; }
  ul.drinks {
    display:grid; grid-template-columns:repeat(auto-fill, minmax(360px, 1fr)); column-gap:56px;
  }
}