@import '../helpers/helpers';

.special-opening-schedule-item.schedule-item {
  display: flex;
  flex-direction: column;
  line-height: 2;
  padding: 5px 0;
  position: relative;

  &__reason {
    font-weight: 700;
    padding: 0 0 0 15px;
    line-height: 24px;
  }

  &__data-time {
    display: flex;
    justify-content: space-between;
  }

  &__time {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;

    @include media-breakpoint-up(sm) {
      white-space: nowrap;
    }

    span:last-child {
      white-space: nowrap;
    }
  }

  &__addition-info {
    font-weight: 500;
    padding: 0 15px;
    margin: 5px 0;
    line-height: 16px;
    font-size: 12px;
  }
}

@include media-breakpoint-up(xl) {
  .special-opening-schedule-item.schedule-item {
    &__reason {
      min-width: 106px;
    }
  }
}