/**
 * APD 439 — viewport-safe first-step stack.
 *
 * Safari can expand its bottom browser chrome after the search modal is already
 * open. The fixed APD action footer then rises while the compact Dónde card
 * keeps its previous height, which can visually cover the Viajeros / ¿Qué? row.
 * APD439 lets the runtime shrink ONLY the active compact Dónde card by the exact
 * overlap amount. When the browser chrome collapses again, the original APD435
 * geometry is restored.
 */
@media (max-width: 767px) {
  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search[data-active-panel="location"][data-apd-location-mode="compact"] > .apd5-location-panel {
    flex-basis: var(--apd439-location-safe-height, var(--apd439-location-base-height, 414px)) !important;
    height: var(--apd439-location-safe-height, var(--apd439-location-base-height, 414px)) !important;
    min-height: var(--apd439-location-safe-height, var(--apd439-location-base-height, 414px)) !important;
    max-height: var(--apd439-location-safe-height, var(--apd439-location-base-height, 414px)) !important;
    transition: none !important;
  }

  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-stays[data-active-panel="location"][data-apd-location-mode="compact"] {
    --apd439-location-base-height: 414px;
  }

  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-experiences[data-active-panel="location"][data-apd-location-mode="compact"] {
    --apd439-location-base-height: 180px;
  }

  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-services[data-active-panel="location"][data-apd-location-mode="compact"] {
    --apd439-location-base-height: 370px;
  }

  /* The final collapsed row must remain a real visible sibling. This is a hard
     safety lock against stale legacy rules that may try to pull it behind the
     fixed footer after Safari changes viewport height. */
  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search[data-active-panel="location"] > [data-search-field="dates"],
  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-stays[data-active-panel="location"] > [data-search-field="guests"],
  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-experiences[data-active-panel="location"] > [data-search-field="guests"],
  html body.apd380-mobile-search-canonical.apd186-search-modal-open
  #apd5-search.apd380-context-services[data-active-panel="location"] > [data-search-field="service"] {
    position: relative !important;
    z-index: 2 !important;
    flex-shrink: 0 !important;
  }
}