/* ============================================================
   Historic Rivermill — menu-full.css
   The full café menu (/menu/). Redesign chrome page.
   Layers on colors_and_type.css + home.css + celebrate.css
   (sub-hero) + menu.css (shared hr-item / hr-kitchen / hr-mcta /
   hr-ordernote / hr-finenote). This file adds the flowing
   multi-category menu board that menu.css does not cover.
   ============================================================ */

/* ---- Sub-hero sizing: clear the fixed header ---- */
.hr-subhero { min-height: 58vh; }
.hr-subhero__inner { padding-top: 140px; }

/* ============================================================
   MENU BOARD — categories flow across two newspaper columns,
   each category kept whole (never split across a column break).
   ============================================================ */
.hr-fullmenu {
  columns: 2;
  column-gap: clamp(40px, 5vw, 84px);
  margin-top: 6px;
}

.hr-mcat {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 clamp(30px, 3.6vw, 48px);
}

.hr-mcat__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 2px solid var(--accent);
}
.hr-mcat__title {
  font-family: var(--rm-font-heading);
  font-weight: 500;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.05;
  color: var(--rm-head);
  margin: 0;
}
.hr-mcat__note {
  margin-left: auto;
  font-family: var(--rm-font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  white-space: nowrap;
  align-self: baseline;
}

/* Subcategories (e.g. Coffee / Tea / Extras under Hot Drinks) */
.hr-subcat { margin-top: 22px; }
.hr-subcat:first-child { margin-top: 0; }
.hr-subcat__title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-family: var(--rm-font-heading);
  font-weight: 500;
  font-size: 19px;
  color: var(--rm-head);
  margin: 0 0 10px;
}
.hr-subcat__note {
  font-family: var(--rm-font-ui);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rm-text-light);
}

/* ---- Denser item rows than the senior menu's card list ---- */
.hr-fullmenu .hr-item { padding: 11px 0; }
.hr-fullmenu .hr-item__name,
.hr-fullmenu .hr-item__price { font-size: 17px; }
.hr-fullmenu .hr-item__desc { font-size: 14.5px; margin-top: 5px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 860px) {
  .hr-fullmenu { columns: 1; }
}