/* The full desktop row needs more room than the md breakpoint provides. */
@media (min-width: 768px) and (max-width: 1279px) {
  nav[aria-label="主导航"] > .container > div.hidden.md\:flex.gap-4,
  nav[aria-label="主导航"] > .container > div.hidden.md\:flex.gap-2 {
    display: none !important;
  }

  nav[aria-label="主导航"] > .container > div.md\:hidden,
  nav[aria-label="主导航"] > div.md\:hidden[role="menu"] {
    display: flex !important;
  }
}

nav[aria-label="主导航"] > [role="menu"][aria-label="移动端菜单"] {
  max-height: calc(100dvh - 5rem);
  overflow-y: auto;
}

nav[aria-label="主导航"] a[data-nav-priority-collapsed="true"] {
  display: none !important;
}

nav[aria-label="主导航"] > .container > div.hidden.md\:flex.gap-4 > a {
  white-space: nowrap;
  flex-shrink: 0;
}

html.light-mode nav[aria-label="主导航"] .nav-priority-direct,
html.light-mode nav[aria-label="主导航"] .nav-priority-menu-link {
  color: #1f2937 !important;
}

html:not(.light-mode) nav[aria-label="主导航"] .nav-priority-direct,
html:not(.light-mode) nav[aria-label="主导航"] .nav-priority-menu-link {
  color: #fff !important;
}

nav[aria-label="主导航"] .nav-priority-direct:hover,
nav[aria-label="主导航"] .nav-priority-menu-link:hover {
  color: #c1272d !important;
}

nav[aria-label="主导航"] .nav-priority-direct:focus-visible,
nav[aria-label="主导航"] .nav-priority-menu-link:focus-visible {
  outline: 2px solid #c1272d;
  outline-offset: 3px;
}