/* Footer-adjacent divider: the home contact-grid's bottom wave borders the
   footer, so it should match the footer background (color-5) rather than the
   teal (color-2) used for all other dividers. */
.contact-grid.shapedivider-bottom::after {
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%2314352e"/></svg>') !important;
}

/* Home page: header logo twice as large, shrinking back on scroll
   (main.js toggles .scrolled on the sticky header past the top). */
body.front .navbar-brand img {
  max-height: 190px;
  transition: max-height 0.3s ease;
}
body.front .header-sticky.scrolled .navbar-brand img {
  max-height: 75px;
}
@media (max-width: 764px) {
  body.front .navbar-brand img {
    max-height: 90px;
  }
  body.front .header-sticky.scrolled .navbar-brand img {
    max-height: 30px;
  }
}

/* ===== Events / Calendar page ===== */
/* Dark panel behind the calendar so the background photo doesn't bleed through */
.page-overlay[page="calendar"] .events-calendar {
  background-color: var(--color-5);
  padding: 1.5rem;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .page-overlay[page="calendar"] .events-calendar { padding: .75rem; }
}

/* Unify all calendar text to one light color */
.page-overlay[page="calendar"] .events-calendar,
.page-overlay[page="calendar"] .events-calendar a,
.page-overlay[page="calendar"] .fc,
.page-overlay[page="calendar"] .fc a,
.page-overlay[page="calendar"] .fc-toolbar-title,
.page-overlay[page="calendar"] .fc-col-header-cell-cushion,
.page-overlay[page="calendar"] .fc-daygrid-day-number,
.page-overlay[page="calendar"] .fc-list-day-text,
.page-overlay[page="calendar"] .fc-list-day-side-text,
.page-overlay[page="calendar"] .fc-list-event-title,
.page-overlay[page="calendar"] .fc-list-event-time {
  color: var(--color-3) !important;
}

/* Unify all calendar grid lines to one color */
.page-overlay[page="calendar"] .fc-theme-standard td,
.page-overlay[page="calendar"] .fc-theme-standard th,
.page-overlay[page="calendar"] .fc-theme-standard .fc-scrollgrid,
.page-overlay[page="calendar"] .fc-scrollgrid,
.page-overlay[page="calendar"] .fc td,
.page-overlay[page="calendar"] .fc th {
  border-color: var(--color-3-opacity) !important;
}

/* Toolbar buttons: readable on the dark panel, orange when active */
.page-overlay[page="calendar"] .fc .fc-button-primary {
  color: var(--color-3) !important;
  background-color: transparent !important;
  border-color: var(--color-3-opacity) !important;
}
.page-overlay[page="calendar"] .fc .fc-button-primary:hover,
.page-overlay[page="calendar"] .fc .fc-button-primary:focus,
.page-overlay[page="calendar"] .fc .fc-button-primary:not(:disabled).fc-button-active {
  color: var(--color-3) !important;
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
}

/* ===== Menu page: all item text and prices dark ===== */
.page-overlay[page="menu"] .menu-title,
.page-overlay[page="menu"] .menu-section .item-title,
.page-overlay[page="menu"] .menu-section .menu-description,
.page-overlay[page="menu"] .menu-section .menu-price,
.page-overlay[page="menu"] .menu-section p,
.page-overlay[page="menu"] .menu-section em,
.page-overlay[page="menu"] .menu-section strong {
  color: var(--color-4) !important;
}


.menu-item-photo {
  display: block;
  width: 100%;  
  height: 320px;
  object-fit: cover;
  border-radius: 8px;
  margin: 0.75rem 0 1.25rem;
}
@media (max-width: 575.98px) {
  .menu-item-photo {
    max-width: 100%;
    height: 250px;
  }
}