/**
 * LaMilka Tour 0.4.94 — coherent mobile Booking Focus Mode.
 *
 * Lovable contract:
 * - the WhatsApp / Book Now entry bar is visible before booking starts;
 * - after Book Now or meaningful booking input, the bar stays hidden;
 * - the footer and all content after the active booking module disappear;
 * - the user can scroll upward to review the tour, but cannot scroll below the
 *   live end of the expanding booking module;
 * - no JavaScript scroll clamp fights mobile browser chrome or keyboards.
 */

@media (max-width: 1023px) {
  /* Final first-principles sticky-bar suppression. */
  body.lamilka-booking-focus-mode .lamilka-detail__mobile-booking-bar,
  body.lamilka-tour-focus-mode .lamilka-detail__mobile-booking-bar,
  .lamilka-detail.is-booking-focused .lamilka-detail__mobile-booking-bar,
  .lamilka-detail__mobile-booking-bar[hidden],
  .lamilka-detail__mobile-booking-bar[aria-hidden="true"],
  body.lamilka-booking-focus-mode .lamilka-transfer__mobile-bar,
  body.lamilka-transfer-focus-mode .lamilka-transfer__mobile-bar,
  .lamilka-transfer.is-booking-focused .lamilka-transfer__mobile-bar,
  .lamilka-transfer__mobile-bar[hidden],
  .lamilka-transfer__mobile-bar[aria-hidden="true"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  /* Keep the tour content above the booking module available for upward review.
     The article precedes the booking panel in source order, so once the footer
     is hidden the panel itself becomes the natural document endpoint. */
  body.lamilka-tour-focus-mode .lamilka-detail [data-booking-lower-content],
  .lamilka-detail.is-booking-focused [data-booking-lower-content] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    user-select: auto !important;
  }

  body.lamilka-tour-focus-mode .lamilka-detail__grid,
  .lamilka-detail.is-booking-focused .lamilka-detail__grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.lamilka-tour-focus-mode .lamilka-detail__booking,
  .lamilka-detail.is-booking-focused .lamilka-detail__booking {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    margin-bottom: 0 !important;
  }

  body.lamilka-tour-focus-mode .lamilka-site-footer,
  body.lamilka-tour-focus-mode .lamilka-certificate-band,
  .lamilka-detail.is-booking-focused ~ .lamilka-certificate-band,
  body.lamilka-transfer-focus-mode .lamilka-site-footer,
  body.lamilka-transfer-focus-mode .lamilka-certificate-band {
    display: none !important;
  }

  body.lamilka-tour-focus-mode,
  body.lamilka-booking-focus-mode,
  body.lamilka-transfer-focus-mode {
    scroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  body.lamilka-tour-focus-mode .lamilka-detail,
  .lamilka-detail.is-booking-focused,
  body.lamilka-transfer-focus-mode .lamilka-transfer,
  .lamilka-transfer.is-booking-focused {
    padding-bottom: 16px !important;
    overflow-x: clip !important;
  }

  /* Prevent Safari/iOS input auto-zoom, a major source of the recorded
     horizontal/vertical "wiggle" while the keyboard is open. */
  .lamilka-detail__booking input,
  .lamilka-detail__booking select,
  .lamilka-detail__booking textarea,
  .lamilka-transfer__booking input,
  .lamilka-transfer__booking select,
  .lamilka-transfer__booking textarea {
    font-size: 16px !important;
  }
}