/* WordPress menu markup compatibility (wp_nav_menu wraps items in ul.menu). */
.nav-wrap .menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-wrap .menu > li {
  margin: 0;
  padding: 0;
}

.nav-wrap .menu a {
  text-decoration: none;
}

@media (max-width: 900px) {
  .nav-wrap .menu {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    gap: 0.25rem;
  }

  .nav-wrap .menu > li {
    width: 100%;
  }

  .nav-wrap .menu > li > a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }
}

/* Primary nav: current / ancestor (WP <li> classes) — same pill as .nav a:hover */
.nav li.current-menu-item > a,
.nav li.current_page_item > a,
.nav li.current-menu-ancestor > a {
  color: var(--color-text);
  background: rgba(255, 255, 255, 0.05);
}

.footer-nav .menu,
.footer-nav .menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}