@import 'public-booking/main_dependencies';

@mixin confirmation-page {
  display: block;
  margin-bottom: $bb-page-margin-vertical;

  .confirmation-page__title {
    @include step-title;
  }

  .confirmation-page__item {
    display: flex;
    justify-content: space-between;
    padding: 15px;
  }

  .confirmation-page__item-header {
    margin: 0;
  }

  .confirmation-page__header {
    text-align: center;
  }

  bb-google-map {
    // Design decision.
    height: 230px;

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

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

  bb-print-button {
    margin-top: $bb-panel-margin-offset / 2;
  }

  bb-redirection-button {
    margin-top: $bb-panel-margin-offset / 2;
  }
}