@import 'public-booking/main_dependencies';

bb-basket-item-list.basket-item-list--variant-1 {
  display: block;

  .basket-item-list {
    margin-bottom: -1px;

    &__heading {
      display: flex;
      justify-content: space-between;
      align-content: center;

      h2 {
        line-height: 32px;

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

      button {
        height: 32px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 100px;
      }
    }

    &__label {
      color: $bb-font-color-faded;
      padding: 0 5px 0 5px;
      vertical-align: top;

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

      @include desktop-md {
        display: block;
      }

      @include desktop-lg {
        width: 33%;
        display: inline-block;
      }
    }

    &__description {
      padding: 0 5px 0 5px;
      font-weight: 500;
      word-wrap: break-word;

      @include desktop-md {
        display: block;
      }

      @include desktop-lg {
        width: 66%;
        display: inline-block;
      }

      &--add-calendar {
        float: right;
      }
    }

  }

  bb-section:not(:first-of-type) {
    border-top: 0;
  }

}