/* North Vancouver menu — burgundy shell */

body.menu-page--north-vancouver {
  --menu-bg: var(--burgundy);
  --menu-bg-deep: var(--burgundy-dark);
  --menu-accent-light: rgb(var(--cream-rgb) / 0.88);
  --menu-text: rgb(var(--cream-rgb) / 0.94);
  --menu-text-soft: rgb(var(--cream-rgb) / 0.76);
  --menu-text-muted: rgb(var(--cream-rgb) / 0.58);
  --menu-border: rgb(var(--cream-rgb) / 0.24);
  --menu-border-soft: rgb(var(--cream-rgb) / 0.12);
  --menu-surface: rgb(var(--cream-rgb) / 0.07);
  background: var(--menu-bg);
  color: var(--menu-text);
}

body.menu-page--north-vancouver .skip:focus {
  background: var(--burgundy-dark);
  color: var(--cream);
  outline-color: var(--cream);
}

body.menu-page--north-vancouver .menu-top {
  background: var(--menu-bg);
  border-bottom-color: var(--menu-border);
}

body.menu-page--north-vancouver .menu-top__kicker {
  color: var(--menu-accent-light);
  font-size: clamp(1.45rem, 4.5vw, 2.15rem);
  letter-spacing: 0.1em;
}

body.menu-page--north-vancouver .menu-top__btn {
  color: var(--cream);
  border-color: var(--menu-border);
}

body.menu-page--north-vancouver .menu-top__btn--fill {
  background: var(--burgundy-dark);
  color: var(--cream);
  border-color: var(--burgundy-dark);
}

body.menu-page--north-vancouver .menu-top__btn:focus-visible {
  outline-color: var(--cream);
}

body.menu-page--north-vancouver .menu-top__ill {
  opacity: 0.2;
  filter: brightness(0) invert(1);
}

body.menu-page--north-vancouver .menu-nav__box {
  border-color: var(--menu-border);
  background: var(--menu-surface);
}

body.menu-page--north-vancouver .menu-nav__title {
  color: var(--cream);
}

body.menu-page--north-vancouver .menu-nav__box a {
  color: var(--menu-text);
}

body.menu-page--north-vancouver .menu-nav__box a:hover,
body.menu-page--north-vancouver .menu-nav__box a:focus-visible {
  background: rgb(var(--cream-rgb) / 0.1);
}

body.menu-page--north-vancouver .menu-nav__box a[aria-current="true"] {
  background: rgb(var(--cream-rgb) / 0.78);
  color: var(--burgundy);
}

body.menu-page--north-vancouver .menu-section {
  border-bottom-color: var(--menu-border-soft);
}

body.menu-page--north-vancouver .menu-h2 {
  color: var(--cream);
}

body.menu-page--north-vancouver .menu-section-note {
  color: rgb(var(--cream-rgb) / 0.78);
}

body.menu-page--north-vancouver .menu-section-note--lunch-hours {
  color: var(--menu-accent-light);
}

body.menu-page--north-vancouver .menu-h3 {
  color: var(--menu-accent-light);
}

body.menu-page--north-vancouver .mi-name {
  color: var(--menu-text);
}

body.menu-page--north-vancouver .mi-price {
  color: var(--cream);
}

body.menu-page--north-vancouver .mi-wine-size {
  color: rgb(var(--cream-rgb) / 0.72);
}

body.menu-page--north-vancouver .mi-desc {
  color: var(--menu-text-soft);
}

body.menu-page--north-vancouver .mi-drink-item {
  color: var(--menu-text-soft);
}

body.menu-page--north-vancouver .mi-footnote {
  border-top-color: rgb(var(--cream-rgb) / 0.15);
}

body.menu-page--north-vancouver .mi-footnote .mi-desc {
  color: var(--menu-text-muted);
}

body.menu-page--north-vancouver .mi-desc--origin {
  color: rgb(var(--cream-rgb) / 0.68);
}

body.menu-page--north-vancouver .menu-disclaimer {
  color: var(--menu-text-muted);
}

body.menu-page--north-vancouver .pax-footer {
  --shell-bg: var(--burgundy);
  --shell-bar: var(--burgundy);
  background: var(--burgundy);
  color: var(--cream);
}

@media (max-width: 900px) {
  body.menu-page--north-vancouver .menu-nav {
    background: linear-gradient(
      to bottom,
      var(--burgundy) 78%,
      rgb(var(--burgundy-rgb) / 0.96) 92%,
      transparent
    );
  }

  body.menu-page--north-vancouver .menu-nav__box {
    box-shadow: 0 6px 18px rgb(0 0 0 / 0.22);
  }

  body.menu-page--north-vancouver .menu-nav__box a {
    border-color: var(--menu-border-soft);
    background: rgb(var(--cream-rgb) / 0.04);
    color: var(--menu-text);
  }

  body.menu-page--north-vancouver .menu-nav__box a:active {
    background: rgb(var(--cream-rgb) / 0.14);
  }

  body.menu-page--north-vancouver .menu-nav__box a[aria-current="true"] {
    background: rgb(var(--cream-rgb) / 0.78);
    color: var(--burgundy);
  }
}

@media (max-width: 600px) {
  body.menu-page--north-vancouver .mi {
    border-bottom-color: var(--menu-border-soft);
  }
}