/* === Base list reset for this menu only === */
.header-13__menu .bricks-nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Desktop layout: menu items inline */
.header-13__menu .bricks-nav-menu > li {
  display: inline-block;
  margin: 0 10px;
}

/* Links: turn off default underline and prep for pseudo-element */
.header-13__menu .bricks-nav-menu > li > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Underline “bar” – initial state = hidden (width 0) */
.header-13__menu .bricks-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.35em;
  height: 3px;
  width: 0;
  margin: auto;
  background: transparent;
  transition:
    width 0.3s ease,
    background-color 0.3s ease;
}

/* Hover + active state – show the bar */
.header-13__menu .bricks-nav-menu > li:hover > a::after,
.header-13__menu .bricks-nav-menu > li.current-menu-item > a::after,
.header-13__menu .bricks-nav-menu > li.current-menu-ancestor > a::after,
.header-13__menu .bricks-nav-menu > li > a.active-nav::after {
  width: 100%;
  background: #1f5c46; /* active underline color */
}

/* Active item background + text color */
.header-13__menu .bricks-nav-menu > li.current-menu-item > a,
.header-13__menu .bricks-nav-menu > li.current-menu-ancestor > a,
.header-13__menu .bricks-nav-menu > li > a.active-nav {
  background-color: #ffffff; /* white background for active item */
  color: #d4a017;           /* goldenrod text */
}

/* --- Mobile: stack items but keep the same underline behavior --- */
@media (max-width: 991px) {
  .header-13__menu .bricks-nav-menu > li {
    display: block;
    margin: 0 0 1.2rem;
  }

  .header-13__menu .bricks-nav-menu > li > a {
    display: inline-block;
  }
}