/**
 * @file
 * VVj Tabs.
 *
 * Filename:     vvjt-horizontal.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
.vvjt.horizontal .vvjt-inner {
  display: grid;
  grid-template-columns: 1fr;
}

.vvjt.horizontal.bottom .tab-buttons {
  order: 2;
}

.vvjt.horizontal.bottom .tab-panes {
  order: 1;
}

.vvjt.horizontal .tab-buttons {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}

.vvjt.horizontal .tab-buttons .vvjt-button {
  overflow: hidden;
  white-space: nowrap;
}

.vvjt.horizontal .tab-buttons .tab-buttons::after {
  content: "";
  display: table;
  clear: both;
}

.vvjt.horizontal.wrap-tabs .tab-buttons {
  white-space: normal;
  overflow-x: visible;
}

.vvjt.horizontal.wrap-tabs .tab-buttons .vvjt-button {
  float: left;
}

.vvjt.horizontal .vvjt-inner .vvjt-button {
  max-width: initial;
  width: auto;
}

.vvjt.horizontal.max-w .vvjt-inner .tab-buttons .vvjt-button {
  max-width: calc(var(--horizontal-width) * 1px);
  width: 100%;
}