@import "colors";
@import "typography";

.qms-date {
  font-family: Open Sans;

  .mat-calendar-body-selected {
    background-color: $primary;
  }

  .mat-calendar-body-in-range {
    &:before {
      background-color: $primary-light-32-opacity;
    }

    .mat-calendar-body-cell-content,
    .mat-date-range-input-separator {
      font-weight: 600;
    }
  }

  .mat-calendar-body-label {
    opacity: 0;
  }

  .mat-calendar-body-label[colspan="7"] {
    display: none;
  }

  .mat-calendar-period-button {
    font-weight: 700;
    font-size: 1rem;
    color: $default-color;
  }

  .mat-calendar-period-button {
    text-transform: lowercase;

    &::first-letter {
      text-transform: uppercase;
    }
  }

  .mat-calendar-table-header th {
    font-size: 0.75rem;
    color: black(0.6);
  }

  .mat-calendar-arrow {
    margin: 0 0 0 15px;
  }

  .mat-calendar-body-today {
    &:not(.mat-calendar-body-selected) {
      border-color: #c2c2c2;
    }
  }

  .mat-calendar-body-cell {
    &:not(.mat-calendar-body-disabled) {
      &:hover {
        > .mat-calendar-body-cell-content {
          &:not(.mat-calendar-body-selected) {
            &:not(.mat-calendar-body-comparison-identical) {
              background-color: $primary-light-3-opacity;
              color: $primary;
            }
          }
        }
      }
    }
  }
  .cdk-keyboard-focused {
    .mat-calendar-body-active {
      > .mat-calendar-body-cell-content {
        &:not(.mat-calendar-body-selected) {
          &:not(.mat-calendar-body-comparison-identical) {
            background-color: $primary-light-3-opacity;
            color: $primary;
          }
        }
      }
    }
  }
  .cdk-program-focused {
    .mat-calendar-body-active {
      > .mat-calendar-body-cell-content {
        &:not(.mat-calendar-body-selected) {
          &:not(.mat-calendar-body-comparison-identical) {
            background-color: white;
          }
        }
      }
    }
  }
}
