@import './admin-booking/main_dependencies';
@import '../calendar_base';

bb-day-view {
  @include bb-calendar-base;

  .panel {
    border: none;

    .panel-heading {
      background: none;
      padding: 15px 6px 15px 6px;
      position: relative;
      color: inherit;
    }
  }

  // Better focus outline for accordion header inner elements.
  bb-time-range-accordion-group {
    // Adding thin line separators.
    border-top: 2px solid $bb-border;
    &:last-of-type {
      border-bottom: 2px solid $bb-border;
    }

    &:first-of-type {
      border-top: 3px solid $bb-border;
    }
  }

  // Somehow that one pixel border changes the way in which slots are unfolded when key is pressed.
  .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
  }

}