&--user-navigation {
  @extend %thredded--list-unstyled;
  @include thredded--clearfix;
  border-bottom: $thredded-base-border;
  margin-bottom: 1rem;
  text-align: left;

  @include thredded-media-tablet-and-up {
    font-size: $thredded-font-size-small;
    margin-bottom: 0;
  }

  a {
    @extend %thredded--nav-link;
    color: $thredded-secondary-nav-color;
  }

  > ul {
    @extend %thredded--list-unstyled;
  }
}

&--user-navigation--item {
  display: inline-block;
  margin-right: 1rem;

  a {
    padding: $thredded-small-spacing 0;
  }

  &:last-child {
    margin-right: 0;
  }

  @include thredded-media-tablet-and-up {
    padding: $thredded-small-spacing 0;
  }
}

.thredded--preferences &--user-navigation--settings,
.thredded--new-private-topic &--user-navigation--private-topics,
.thredded--private-topics-index &--user-navigation--private-topics,
.thredded--private-topic-show &--user-navigation--private-topics,
.thredded--pending-moderation &--user-navigation--moderation,
.thredded--moderation-history &--user-navigation--moderation {
  border-bottom: 1px solid $thredded-action-color;
  margin-bottom: -1px;

  a {
    @extend %thredded--nav-link-current;
  }
}

&--user-navigation--private-topics--unread,
&--user-navigation--moderation--pending-count {
  background: $thredded-badge-active-background;
  border-radius: 10px;
  color: $thredded-badge-active-color;
  font-size: 0.75rem; // 12px
  line-height: 1;
  margin-left: 0.4rem;
  padding: 2px 6px;
}