/* Local Menus (Blue Water Menu, Anchor Bay Menu). Layered on top of assets/styles.css. */

.menu-hero { padding-bottom: 8px; }

.menu-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: start;
}
@media (max-width: 900px) {
  .menu-layout { grid-template-columns: 1fr; }
}
.menu-side { display: grid; gap: 20px; position: sticky; top: 88px; }
@media (max-width: 900px) { .menu-side { position: static; } }

.menu-masthead {
  background: #0f3557;
  color: #fbf8f2;
  border-radius: var(--radius);
  padding: 32px 24px 28px;
  text-align: center;
  margin-bottom: 20px;
}
.menu-masthead .eyebrow { color: #9cc7e4; }
.menu-masthead h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-size: clamp(2rem, 5vw, 2.6rem);
  margin: 6px 0 10px;
  color: #fbf8f2;
}
.menu-month {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 1.2rem;
  color: #f2c879;
  margin: 0;
}

.menu-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.menu-deal {
  border-top: 4px solid #2c7fb8;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.menu-deal h3, .menu-featured h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-size: 1.3rem;
  margin: 0;
}
.menu-deal > p { margin: 0; color: var(--ink-2); flex: 1; }
.menu-deal-foot { display: grid; gap: 10px; margin-top: 8px; justify-items: start; }
.menu-deal-foot p { margin: 0; line-height: 1.6; }

.menu-featured {
  margin-top: 20px;
  background: #0f3557;
  border: 2px solid #f2c879;
  color: #fbf8f2;
  text-align: center;
}
.menu-featured .eyebrow { color: #f2c879; }
.menu-featured h3 { color: #fbf8f2; font-size: 1.7rem; margin: 6px 0 8px; }
.menu-featured p { color: #cfe2ef; }
.menu-featured .menu-deal-foot { justify-items: center; }
.menu-featured a:not(.btn) { color: #f2c879; }
.menu-featured .muted { color: #cfe2ef !important; }
.menu-featured .btn-primary { background: #f2c879; color: #0f3557; border-color: #f2c879; }

.menu-have-deal { text-align: center; margin: 24px 0; color: var(--ink-2); }

.menu-book { text-align: center; }
.menu-book h3 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; margin: 6px 0; }
.menu-book p { color: var(--ink-2); }

.menu-archive ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.menu-archive a[aria-current="page"] { font-weight: 700; }
.menu-signup .form { grid-template-columns: 1fr; }