// ============================================================================
// :: Overbooking
// ============================================================================

// ============================================================================
// :: Settings
// ============================================================================
$animation-duration: 0.5s;
$animation-delay: 0.2s;

// ============================================================================
// :: Root
// ============================================================================
.p-overbooking {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  overflow: hidden;
}

// ============================================================================
// :: Elements
// ============================================================================
.p-overbooking__header {
  padding: 2rem 0;

  text-align: center;

  background: $secondary-color-base;

  @include respond-at($breakpoint-tablet-default) {
    padding: 4rem 0;
  }

  .o-header {
    padding-top: 0;
  }
}

.p-overbooking__back {
  margin-top: 2rem;

  @include respond-at($breakpoint-tablet-default) {
    margin-top: 3rem;
  }
}

.p-overbooking__content {
  flex-grow: 1;
  overflow: auto;
}

.p-overbooking__content {
  padding: $grid-spacing-mobile-default 0;

  @include respond-at($breakpoint-tablet-default) {
    padding: $grid-spacing-tablet-default 0;
  }

  @include respond-at($breakpoint-desktop-default) {
    padding: $grid-spacing-desktop-default 0;
  }
}