/* Casa Pizza LTS89 — clear customer navigation active state.
   The selected destination uses the same navy/white segmented state as the
   desktop navigation. Inactive destinations stay visually neutral so only
   one destination reads as selected. */

/* LTS87/LTS88 intentionally promoted Menu as an always-red CTA. LTS89 makes
   destination state more important: Menu is neutral unless it is the current
   destination, matching the visual grammar of the other tabs. */
.site-header .primary-nav a[href="menu.html"],
.site-header .primary-nav a[href$="/menu.html"] {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--navy) !important;
}

.site-header .primary-nav a[href="menu.html"]:hover,
.site-header .primary-nav a[href$="/menu.html"]:hover {
  background: #fff !important;
  border-color: transparent !important;
  color: var(--navy) !important;
}

.site-header .primary-nav a[aria-current="page"] {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: #fff !important;
}

@media (max-width: 820px) {
  /* Reset the older always-red Menu treatment. */
  .mobile-bottom-nav a[data-nav="menu"],
  .mobile-bottom-nav a[data-nav="menu"].active {
    border-color: transparent !important;
  }

  .mobile-bottom-nav a[data-nav="menu"]:not(.active) {
    background: transparent !important;
    color: var(--muted) !important;
  }

  /* Cart remains present and easy to find when it is not the current tab. */
  .mobile-bottom-nav a[data-nav="cart"]:not(.active) {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #da3528 !important;
    font-weight: 950 !important;
  }

  /* Exactly one destination gets the strong selected state. */
  .mobile-bottom-nav a.active,
  .mobile-bottom-nav a[data-nav="menu"].active,
  .mobile-bottom-nav a[data-nav="cart"].active {
    background: var(--navy) !important;
    border-color: var(--navy) !important;
    color: #fff !important;
    border-radius: 12px !important;
  }

  /* The Order status control follows the same selected-state language when
     its sheet is open, without affecting destination-link selection. */
  .mobile-bottom-nav button[data-mobile-order-status].is-active {
    background: var(--navy) !important;
    border-color: var(--navy) !important;
    color: #fff !important;
  }
}

:root[data-theme="dark"] .site-header .primary-nav a[href="menu.html"]:not([aria-current="page"]),
:root[data-theme="dark"] .site-header .primary-nav a[href$="/menu.html"]:not([aria-current="page"]) {
  background: transparent !important;
  color: var(--cp-text, #f3f7fb) !important;
}

:root[data-theme="dark"] .site-header .primary-nav a[aria-current="page"],
:root[data-theme="dark"] .mobile-bottom-nav a.active,
:root[data-theme="dark"] .mobile-bottom-nav button[data-mobile-order-status].is-active {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
  color: #fff !important;
}