/* ==========================================================================
   Eat & Drink page styles — extends tokens.css + site.css (no palette redefs)
   ========================================================================== */

/* --- Card subheading: h3 in the outline, "h4 / card title" style per the
       design system (Figtree, --text-h4, 600, 1.3) */
h3.card-title {
  font-family: var(--font-body);
  font-variation-settings: normal;
  font-size: var(--text-h4);
  font-weight: 600;
  line-height: 1.3;
}

/* --- Menu highlight lists inside scoresheet cards */
.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-list li {
  padding: 10px 0;
  border-bottom: 1px dashed rgba(51, 38, 28, .25);
}
.menu-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.menu-list .dish {
  display: block;
  font-weight: 600;
}
.menu-list .desc {
  display: block;
  font-size: var(--text-small);
  opacity: .85;
}

/* Counter note under the menu grid */
.menu-note {
  margin-top: var(--space-6);
  text-align: center;
}
.menu-note p {
  margin-inline: auto;
  font-size: var(--text-small);
  opacity: .85;
}

/* --- Happy Hour feature */
.hh-poster {
  max-width: 440px;
  margin-inline: auto;
  border-radius: var(--radius-photo);
}
.hh-poster img { border-radius: var(--radius-chip); }
.hh-deals {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-4) 0 var(--space-5);
}
.hh-deals .chip-price {
  font-size: 1.0625rem;
  padding: 8px 16px;
}

/* --- 300 Club Lounge (After Dark) */
.lounge-facts {
  margin-top: var(--space-5);
}
.after-dark .fact-row { border-bottom-color: rgba(232, 163, 61, .35); }
.after-dark .fact-row dd { color: var(--amber); }

/* --- Closing band buttons */
.closing-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4);
  margin-top: var(--space-6);
}