/* Global tab styles */
.mat-mdc-tab-link-container {
  overflow: hidden !important;
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE and Edge */
}

.mat-mdc-tab-link-container::-webkit-scrollbar {
  display: none !important; /* Chrome, Safari, Opera */
}

.mat-mdc-tab-links {
  display: flex !important;
  flex-wrap: nowrap !important;
}

.mat-mdc-tab-link .mdc-tab__text-label {
  color: white !important;
}

/* Override for facility building tabs */
.buildings-nav .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.87) !important;
}

.buildings-nav .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.buildings-nav .mat-mdc-tab-link[aria-selected="true"] .mdc-tab__text-label {
  color: white !important;
}

.mat-mdc-tab-link {
  flex: 0 1 auto !important;
  min-width: 120px !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

.mat-mdc-tab-link.mdc-tab--active,
.mat-mdc-tab-link[aria-selected="true"] {
  background-color: #0ca2d1 !important;
}

.mdc-tab__content {
  padding: 15px !important;
}

.mat-mdc-tab-link[disabled],
.mat-mdc-tab-link.mat-mdc-tab-disabled {
  opacity: 0.4 !important;
  pointer-events: none !important;
}

/* Show pagination arrows when tabs overflow */
.mat-mdc-tab-header-pagination {
  pointer-events: auto !important;
}

.mat-mdc-tab-header-pagination-chevron {
  border-color: currentColor !important;
  opacity: 1 !important;
}

.mat-mdc-tab-header-pagination-disabled {
  display: none !important;
}
