/* ==========================================================================
   Бар 501 DOLLAR — страница «Полное меню» (menu.html)
   Дополняет style.css: быстрые ссылки по разделам и раскладка блоков.
   ========================================================================== */

.menu-page .section--tight { padding-top: 46px; }

.quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 26px 0 8px;
}

.quick-nav a {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--panel);
  transition: color 0.2s, border-color 0.2s;
}

.quick-nav a:hover { color: var(--yellow); border-color: var(--yellow); }

.menu-block {
  padding: 40px 0 8px;
  border-top: 1px dashed var(--line-strong);
  margin-top: 34px;
  scroll-margin-top: 90px;
}

.menu-block:first-of-type { border-top: 0; }

.menu-block .menu-head { margin-bottom: 20px; }

.menu-block .item__price small { color: var(--muted); }

/* на широком экране разделы идут в две колонки текста, но каждый раздел целиком */
@media (min-width: 1100px) {
  .menu-page #full-menu { columns: 1; }
}

@media print {
  .quick-nav { display: none; }
  .menu-block { border-top: 1px solid #ddd; page-break-inside: avoid; }
  .menu-head { background: #f6f6f6; border-color: #ddd; }
  .item { border-bottom: 1px dotted #ccc; }
  .item__price { color: #000; }
  .item__desc, .menu-head__note { color: #555; }
  .mark { border-color: #000; }
  .mark__num, .mark__word { color: #000; }
  .contact-card, .contact-card--accent { border: 1px solid #ddd; background: #fff; color: #000; }
}