@import url("../tools/x-tabs.skin.css");

.nav-tabs,
.tab-pane {
  @extend .x-tabs--custom-properties;
}

.nav-tabs {
  @extend .x-tabs;
  border-bottom: none;
}
ul.nav-tabs {
  padding-left: unset; /* overwrite core-styles.cms.css */
  margin-bottom: 0; /* overwrite core-styles.base.css */
}

.tab-pane {
  @extend .x-tabs__content;
}
.nav-tabs .nav-link {
  @extend .x-tabs__tab;

  /* To overwrite Bootstrap _nav.scss border */
  border-top: none;
  border-inline: none;
  border-radius: 0;
}
.nav-tabs .nav-link:hover {
  @extend .x-tabs__tab--hover;
}

.nav-tabs .nav-link.active {
  @extend .x-tabs__tab--active;
}
.nav-tabs .nav-link:not(.active) {
  @extend .x-tabs__tab--not-active;
}