/* MU/TH/UR PRIMARY NAV VISUAL OVERLAY R1
   Purpose:
   - remove the top-nav outer rail/box drawing line
   - differentiate top page navigation from page-local option/filter buttons
   - leave .filter-row and .filter-button untouched
*/

/* TOP NAV ONLY: no outer green box/rail line */
html body nav.nav.muthur-sitewide-nav,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 7px !important;
  width: 732px !important;
  max-width: calc(100vw - 20px) !important;
  height: auto !important;
  min-height: 30px !important;
  margin: 0 auto 20px auto !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* TOP NAV ONLY: shaded inactive buttons */
html body nav.nav.muthur-sitewide-nav a.btn,
html body nav.nav.muthur-sitewide-nav a.btn:link,
html body nav.nav.muthur-sitewide-nav a.btn:visited,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn:link,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn:visited {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 10px !important;

  border-radius: 0 !important;
  border: 1px solid rgba(236, 170, 42, 0.92) !important;
  outline: 0 !important;

  background:
    linear-gradient(180deg,
      rgba(76, 51, 10, 0.98) 0%,
      rgba(24, 15, 3, 0.98) 45%,
      rgba(0, 0, 0, 0.99) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 225, 115, 0.34),
    inset 0 -11px 18px rgba(0, 0, 0, 0.62),
    inset 0 0 14px rgba(236, 170, 42, 0.10),
    0 0 0 1px rgba(0, 0, 0, 0.86),
    0 3px 9px rgba(0, 0, 0, 0.58) !important;

  color: rgb(255, 207, 70) !important;
  opacity: 1 !important;

  font-family: "Rajdhani", Eurostile, "Microgramma D Extended", "Bank Gothic", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow:
    0 0 7px rgba(255, 188, 38, 0.52),
    0 1px 0 rgba(0, 0, 0, 0.80) !important;

  transform: none !important;
}

/* TOP NAV ONLY: shaded active page button */
html body nav.nav.muthur-sitewide-nav a.btn.active,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn.active {
  border-color: rgba(91, 255, 111, 0.98) !important;

  background:
    linear-gradient(180deg,
      rgba(0, 96, 31, 0.98) 0%,
      rgba(0, 42, 13, 0.98) 44%,
      rgba(0, 8, 0, 0.99) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(187, 255, 185, 0.36),
    inset 0 -11px 18px rgba(0, 0, 0, 0.64),
    inset 0 0 18px rgba(78, 255, 97, 0.22),
    0 0 0 1px rgba(0, 0, 0, 0.86),
    0 0 14px rgba(78, 255, 97, 0.26),
    0 3px 9px rgba(0, 0, 0, 0.58) !important;

  color: rgb(204, 255, 202) !important;
  text-shadow:
    0 0 8px rgba(78, 255, 97, 0.68),
    0 1px 0 rgba(0, 0, 0, 0.82) !important;
}

/* TOP NAV ONLY: text stays exact */
html body nav.nav.muthur-sitewide-nav a.btn span,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-align: inherit !important;
  text-shadow: inherit !important;
}

/* TOP NAV ONLY: kill inherited pseudo boxes/line artifacts */
html body nav.nav.muthur-sitewide-nav a.btn::before,
html body nav.nav.muthur-sitewide-nav a.btn::after,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn::before,
html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn::after {
  content: none !important;
  display: none !important;
}

/* Keep narrow viewport behavior consistent */
@media (max-width: 752px) {
  html body nav.nav.muthur-sitewide-nav,
  html body .muthur-live-authority nav.nav.muthur-sitewide-nav {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 6px !important;
  }

  html body nav.nav.muthur-sitewide-nav a.btn,
  html body .muthur-live-authority nav.nav.muthur-sitewide-nav a.btn {
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    font-size: 9px !important;
    letter-spacing: 0.10em !important;
    padding: 0 4px !important;
  }
}