@use './mixins' as mix;

.mat-mdc-tab-label-container {
  --mat-tab-divider-height: 0;
}

.mat-mdc-tab-header {
	border-bottom-color: var(--tab-header-color);
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 12px;
	padding-right: 12px;

	@include mix.tablet-low {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	&.mat-mdc-tab-header-pagination-controls-enabled {
		padding-left: 0;
		padding-right: 0;
	}

	.mat-mdc-tab-header-pagination {
		box-shadow: none;
		.mat-mdc-tab-header-pagination-chevron {
			width: 7px;
			height: 7px;
			border-color: var(--tab-link--active);
		}
	}
}

.mat-mdc-tab-link-container {
  --mat-tab-divider-color: var(--divider-color);
}

.mat-mdc-tab-labels {
	gap: 32px;
  border-bottom: 1px solid var(--divider-color);
	.mdc-tab {
    flex-grow: 0 !important;
		padding: 0 !important;
		align-items: center !important;
		height: 70px!important;
		color: var(--mat-tabs-lebel-font-color);
		opacity: 1 !important;
		font-size: 15px;
		min-width: fit-content !important;
    line-height: 20px;
	}
}

.mat-mdc-tab-links {
	gap: 32px;
  border-bottom: 1px solid var(--divider-color);
  .mdc-tab {
    flex-grow: 0 !important;
		font-size: 15px;
		height: 70px !important;
		font-weight: 500;
		line-height: 20px;
		padding: 0 !important;
		min-width: fit-content !important;
    &.mdc-tab-active {
      color: var(--tab-link--active) !important;
      font-weight: 500;
      opacity: 1;
    }
	}
}

.mat-mdc-tab, .mat-mdc-tab-link {
  --mat-tab-inactive-label-text-color: var(--font-color);
  --mat-tab-inactive-hover-label-text-color: var(--font-color);
  --mat-tab-inactive-focus-label-text-color: var(--font-color);

  .mdc-tab {
      &--active {
          .mdc-tab__text-label {
              color: var(--font-color) !important;
          }
      }

      &__text-label {
          color: var(--mat-tabs-lebel-font-color);
      }

      &__content {
          background: var(--background);
      }
  }

  &.mdc-tab--active {
      .mdc-tab__text-label {
          color: var(--font-color) !important;
      }
  }
}