/* Narrow mobile QC corrections: Flight home search and Hotel result actions. */

@media (max-width: 600px) {
  html body.mmt-home[data-active-travel-service="flights"]
    #flightsPanel.thg-flight-search-v2
    .mmt-field-grid.mmt-flight-route-grid.thg-flight-route-bar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.mmt-home[data-active-travel-service="flights"]
    #flightsPanel.thg-flight-search-v2
    .mmt-field-grid.mmt-flight-route-grid.thg-flight-route-bar
    > .mmt-field {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.mmt-home[data-active-travel-service="flights"]
    #flightsPanel.thg-flight-search-v2
    .mmt-field-grid.mmt-flight-route-grid.thg-flight-route-bar
    :is(input, button, select) {
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body.flow-page.hotel-results-page[data-flow-page="results"] {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.flow-page.hotel-results-page[data-flow-page="results"] .flow-main {
    padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.flow-page.hotel-results-page[data-flow-page="results"]
    .mmt-results-column,
  html body.flow-page.hotel-results-page[data-flow-page="results"]
    .live-results {
    padding-bottom: 18px !important;
  }

  html body.flow-page.hotel-results-page[data-flow-page="results"]
    .mmt-hotel-listing-card:last-child {
    margin-bottom: 96px !important;
    scroll-margin-bottom: 112px !important;
  }

  html body.flow-page.hotel-results-page[data-flow-page="results"]
    .mmt-hotel-room-link {
    position: relative !important;
    z-index: 1 !important;
    touch-action: manipulation !important;
  }
}