/* The iPhone booking route stays a separate document with native form scrolling. */
@media (max-width: 1079px) and (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}

html[data-bekaa-booking-transition]::view-transition-group(root) {
  animation: none;
}

html[data-bekaa-booking-transition]::view-transition-image-pair(root) {
  isolation: isolate;
}

html[data-bekaa-booking-transition]::view-transition-old(root),
html[data-bekaa-booking-transition]::view-transition-new(root) {
  height: 100%;
  object-fit: cover;
  object-position: top;
  mix-blend-mode: normal;
  animation: none;
}

html[data-bekaa-booking-transition="enter"]::view-transition-old(root) {
  z-index: 1;
}

html[data-bekaa-booking-transition="enter"]::view-transition-new(root) {
  z-index: 2;
  animation: bekaa-booking-page-enter var(--bekaa-booking-motion-duration, 600ms) var(--bekaa-booking-motion-ease, ease) both;
}

html[data-bekaa-booking-transition="exit"]::view-transition-old(root) {
  z-index: 2;
  animation: bekaa-booking-page-exit var(--bekaa-booking-motion-duration, 600ms) var(--bekaa-booking-motion-ease, ease) both;
}

html[data-bekaa-booking-transition="exit"]::view-transition-new(root) {
  z-index: 1;
}

html[data-bekaa-booking-transition="reveal"]::view-transition-old(root) {
  z-index: 1;
}

html[data-bekaa-booking-transition="reveal"]::view-transition-new(root) {
  z-index: 2;
  animation: bekaa-booking-page-reveal 300ms ease-out both;
}

@keyframes bekaa-booking-page-enter {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

@keyframes bekaa-booking-page-exit {
  from { transform: translateY(0); }
  to { transform: translateY(100%); }
}

@keyframes bekaa-booking-page-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}