// core
.p-tabmenu {
  overflow-x: auto;
}

.p-tabmenu-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: nowrap;
}

.p-tabmenu-nav a {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  text-decoration: none;
  overflow: hidden;
}

.p-tabmenu-nav a:focus {
  z-index: 1;
}

.p-tabmenu-nav .p-menuitem-text {
  line-height: 1;
}

.p-tabmenu-ink-bar {
  display: none;
  z-index: 1;
}

.p-tabmenu::-webkit-scrollbar {
  display: none;
}

// theme
.p-tabmenu {
  .p-tabmenu-nav {
    background: $tabviewNavBg;
    border: $tabviewNavBorder;
    border-width: $tabviewNavBorderWidth;

    .p-tabmenuitem {
      margin-right: $tabviewHeaderSpacing;

      .p-menuitem-link {
        border: $tabviewHeaderBorder;
        border-width: $tabviewHeaderBorderWidth;
        border-color: $tabviewHeaderBorderColor;
        background: $tabviewHeaderBg;
        color: $tabviewHeaderTextColor;
        padding: $tabviewHeaderPadding;
        font-weight: $tabviewHeaderFontWeight;
        border-top-right-radius: $borderRadius;
        border-top-left-radius: $borderRadius;
        transition: $listItemTransition;
        margin: $tabviewHeaderMargin;
        outline-color: transparent;

        .p-menuitem-icon {
          margin-right: $inlineSpacing;
        }

        &:not(.p-disabled):focus-visible {
          @include focused-inset();
        }
      }

      &:not(.p-highlight):not(.p-disabled):hover {
        .p-menuitem-link {
          background: $tabviewHeaderHoverBg;
          border-color: $tabviewHeaderHoverBorderColor;
          color: $tabviewHeaderTextHoverColor;
        }
      }

      &.p-highlight {
        .p-menuitem-link {
          background: $tabviewHeaderActiveBg;
          border-color: $tabviewHeaderActiveBorderColor;
          color: $tabviewHeaderTextActiveColor;
        }
      }
    }
  }
}