@import 'public-booking/main_dependencies';

bb-view-booking {
  display: block;
  margin-bottom: $bb-page-margin-vertical;

  .view-booking__heading {
    text-align: center;
  }

  bb-section {
    margin-bottom: $bb-panel-margin-offset;
    @include clearfix;
  }

  bb-google-map {
    margin-bottom: $bb-panel-margin-offset;

    // Design decision.
    height: 230px;

    // Simplest way to blend map with previous section.
    margin-top: -$bb-panel-margin-offset - 1px;

    border: 1px solid $bb-panel-border-color;
    border-top: none;
  }

  .view-booking__files {
    background: white;

    .bb-section__body {
      padding: 0;
    }
  }

  .bb-file-upload {
    @include make-xs-column(12);
  }

  .attendee-list {
    .attendee-list__item {
      @include clearfix;

      .attendee-list__item--is-removing {
        opacity: .2;
      }

      .basket-item-list__label {
        @include make-sm-column(5);
        color: #9e9e9e;
        font-weight: 600;
      }

      .basket-item-list__description {
        @include make-sm-column(5);

        word-wrap: break-word;
      }

      .basket-item-list__remove {
        @include make-sm-column(2);
        text-align: right;
        color: $bb-brand-primary;

        button {
          padding: 0;
        }
      }
    }
  }
}