@import 'public-booking/main_dependencies';

@mixin calendar() {

  .calendar__chooser {
    padding-top: 15px;
    padding-bottom: 15px;

    @include make-md-column(12);

    border: 1px solid $table-border-color;
    border-bottom: none;
  }

  .calendar__buttons {
    display: inline-block;
    .btn-group {
      &:first-child, &:last-child {
        button {
          max-width: 35px;
        }
      }
    }
  }

  .calendar__dates {
    display: inline-block;
    font-size: $font-size-h4;
    font-weight: 600;
    color: $bb-main-gray;

    &:hover {
      cursor: auto;
    }

    @include desktop {
      // Weird positioning here
      position: relative;
      transform: none;
      top: 3px;
      left: 15px;
    }
  }

  .calendar__list {
    margin-bottom: 0;

    td {
      width: calc(100% / 7);
    }

    &.table-bordered {
      .calendar__list__header {
        border-bottom: none;
      }
    }
  }

  .calendar__list--unavailable {
    opacity: .2;
    pointer-events: none;
    cursor: not-allowed;
  }

  .calendar__list__header {
    background: #fafafa;
    color: $bb-main-gray;
    border-bottom: none;
    font-weight: 400;

    &:first-of-type {
      border-left: none;
    }

    &:last-of-type {
      border-right: none;
    }
  }

  .calendar__day {
    position: relative;
  }

  .calendar__time {
    color: #9e9e9e;
    font-size: $font-size-h6;
    margin-bottom: 5px;
  }

  #calendar-container {
    background: white;
  }

  .loader-service-new--calendar-loader {
    background: white;
    border: 1px solid $bb-table-border-color;
  }

}