/* FlyHappy V5.45.8 — desktop search alignment + traveller/swap reliability. */

/* Keep the home search card on exactly the same content axis as the sections below it. */
@media (min-width: 768px) {
  body.fh-home-page #flight-search > .container {
    width: min(var(--fh-content-max, 1280px), calc(100% - 48px)) !important;
    max-width: var(--fh-content-max, 1280px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  body.fh-home-page #flight-search .banner-form,
  body.fh-home-page #flight-search .banner-form > .card-body,
  body.fh-home-page #flight-search .fh-search-lead-form,
  body.fh-home-page #flight-search .normal-trip,
  body.fh-home-page #flight-search .normal-trip > .d-lg-flex,
  body.fh-home-page #flight-search .form-info {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.fh-home-page #flight-search .normal-trip > .d-lg-flex {
    display: block !important;
  }
  body.fh-home-page #flight-search .form-info {
    display: flex !important;
  }
  body.fh-home-page #flight-search .form-info > .form-item {
    min-width: 0 !important;
  }
}

/* Passenger dropdown: keep it inside the viewport/card and make the summary readable. */
body.fh-home-page #flight-search .fh-travellers-field .dropdown-menu.dropdown-xl {
  max-width: min(720px, calc(100vw - 32px)) !important;
}
body.fh-home-page #flight-search .fh-travellers-field .member-count,
body.fh-home-page #flight-search .fh-travellers-field .fh-traveller-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* The swap button must remain clickable above the airport dropdown trigger. */
body.fh-home-page #flight-search .form-info .form-item .way-icon {
  z-index: 30 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

@media (max-width: 767.98px) {
  body.fh-home-page #flight-search .fh-travellers-field .dropdown-menu.dropdown-xl {
    left: 0 !important;
    right: auto !important;
    width: min(100%, calc(100vw - 30px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 30px) !important;
  }
}