.nav-primary {
  background-color: $gray-900;
  box-shadow: inset 0 -0.5rem 1rem $gray-950;
}

.nav-primary-subsection-link,
.nav-primary-tertiary-link {
  color: $gray-500;

  &:hover {
    color: $gray-100;
    background-color: $gray-875;
  }

  &:focus:not(.active), &:active:not(.active) {
    color: $gray-950 !important;
  }

  &.active {
    color: $white;

    &:not(.expanded) {
      border-left: solid 0.25rem $intense-orange;
      color: $white;
      background-color: $gray-950;

      span {
        color: $white;
      }
    }
  }
}

.nav-primary-subsection-link.has-children:before, .nav-primary-tertiary-link.has-children:before {
  border-left-color: $gray-600;
}

.nav-primary-subsection-link.expanded.has-children {
  background-color: $gray-850;
  color: $white;

  span {
    color: $white;
  }
}

$tertiary-nav-section-background-color: rgba(0, 0, 0, 0.15);

.nav-primary-tertiary.expanded {
  background-color: $tertiary-nav-section-background-color;
}

.nav-primary-subsection-link span {
  color: $gray-500;
}
