/* THG Android app flight results v7.
   App-scoped and viewport-independent so hotel and desktop layouts are untouched. */
html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .live-results {
  gap: 8px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-listing-card {
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d8e4f1 !important;
  border-radius: 13px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-promo {
  min-height: 28px !important;
  padding: 5px 8px !important;
  font-size: 8px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-promo :is(span, b) {
  font-size: 8px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-airline {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 8px 10px 5px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-airline :is(img, .mmt-airline-logo) {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-airline label {
  display: none !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-airline strong {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-airline small {
  font-size: 8px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 {
  display: grid !important;
  grid-template-columns: minmax(58px, 1fr) minmax(92px, 1.25fr) minmax(58px, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 0 !important;
  padding: 7px 10px !important;
  border-top: 1px solid #edf2f7 !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div {
  min-width: 0 !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div:last-child {
  text-align: right !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 b {
  font-size: 16px !important;
  line-height: 1 !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-route-v2 > div > span,
html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-line :is(span, small) {
  overflow: hidden !important;
  font-size: 8px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0 8px !important;
  min-height: 0 !important;
  padding: 8px 10px 9px !important;
  border-top: 1px solid #edf2f7 !important;
  border-left: 0 !important;
  text-align: left !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > b {
  grid-row: 1 !important;
  grid-column: 1 !important;
  font-size: 20px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > span {
  grid-row: 2 !important;
  grid-column: 1 !important;
  font-size: 8px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > button {
  grid-row: 1 / span 2 !important;
  grid-column: 2 !important;
  min-width: 118px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-price-panel > em,
html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-result-chips,
html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-live-rules,
html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-coupon {
  display: none !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-card-footer {
  min-height: 32px !important;
  padding: 0 8px 6px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-detail-toggle {
  width: 100% !important;
  min-height: 27px !important;
  padding: 3px 8px !important;
  border-radius: 8px !important;
  font-size: 9px !important;
}

html body.flow-page.mobile-app-view.flight-results-page[data-flow-page="results"] .mmt-flight-expanded[hidden] {
  display: none !important;
}