@import 'public-booking/main_dependencies';

bb-complex-ticket {
  .pool {
    margin-top: 15px;
    @include make-sm-column(12);
    @include make-md-column(6);

    .pool__name {
      display: inline-block;
      font-size: $font-size-h5;
      font-weight: bold;
    }

    .pool__spaces {
      display: inline-block;
      font-size: $font-size-h5;
      float: right;
      color: $bb-main-gray;
      vertical-align: middle;
    }

    .pool__details {
      display: table;
      margin-bottom: 5px;
    }

    .pool__item {
      display: table-row;

      &.item {
        .item__name {
          display: table-cell;
          width: 100%;
          max-width: 100%;
          word-break: break-all;
          padding: 10px 15px 10px 0;
          border-bottom: 1px solid #e5e5e5;
          color: $bb-main-gray;
        }

        .item__price {
          display: table-cell;
          border-bottom: 1px solid #e5e5e5;
        }
      }
    }
  }
}