@import '../common/mixins';
@import '../clinical-lowlight-theme/ResultTimeHeaderCell.module';
@import '../orion-fusion-theme/ResultTimeHeaderCell.module';

:local {
  .clinical-result-time-header-cell {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    max-width: 100%;  // Needed for IE10 truncation
    overflow: hidden; // Needed for IE10

    .date {
      @include terra-clinical-result-cell-truncate;
      color: var(--terra-clinical-result-time-header-cell-date-color, rgba(28, 31, 33, 0.65));
      flex: 0 1 auto;
      font-size: var(--terra-clinical-result-time-header-cell-date-font-size, 0.92857em); // Must use ems for font scaling
      font-weight: var(--terra-clinical-result-time-header-cell-date-font-weight, 400);
      line-height: var(--terra-clinical-result-time-header-cell-date-line-height, 1.38461);
      max-width: 100%;
      min-height: var(--terra-clinical-result-time-header-cell-date-min-height, 1.38461em); // Set to same as line-height in ems
      min-width: 10px; // Needed for IE10

      &.hide-date {
        @include terra-clinical-result-visually-hidden-text;
        min-height: var(--terra-clinical-result-time-header-cell-date-min-height, 1.38461em); // Set to same as line-height in ems
      }
    }

    .time {
      @include terra-clinical-result-cell-truncate;
      color: var(--terra-clinical-result-time-header-cell-time-color);
      flex: 0 1 auto;
      font-size: var(--terra-clinical-result-time-header-cell-time-font-size, 1em); // Must use ems for font scaling
      font-weight: var(--terra-clinical-result-time-header-cell-time-font-weight, 400);
      line-height: var(--terra-clinical-result-time-header-cell-time-line-height, 1.14285);
      margin-top: var(--terra-clinical-result-time-header-cell-time-margin-top, 0.14285em); // Must use ems for font scaling
      max-width: 100%;
      min-height: var(--terra-clinical-result-time-header-cell-time-min-height, 1.14285em); // Set to same as line-height in ems
      min-width: 10px; // Needed for IE10
    }
  }

  .padding-standard {
    padding: var(--terra-clinical-result-label-header-cell-padding-standard-padding, 0.42857rem 0.57142rem);
  }

  .padding-compact {
    padding: var(--terra-clinical-result-label-header-cell-padding-compact-padding, 0.14285rem 0.42857rem);
  }
}