/* One compact alternative-flight layout for hotel and favorite offers. */
body :is(.flight-alternatives-dialog, .favorites-flight-dialog) {
  width: min(880px, calc(100% - 32px)); max-width: none; height: fit-content;
  max-height: calc(100dvh - 32px); margin: auto; border-radius: 22px;
}
:is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) { max-height: calc(100dvh - 32px); overscroll-behavior: contain; }
body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header { padding: 16px 20px; gap: 12px; }
body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header > div { min-width: 0; }
body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header h2 { margin: 4px 0 6px; font-size: 25px; line-height: 1.15; }
body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header p { max-width: none; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header button { width: 44px; height: 44px; }
body :is(.flight-alternatives-dialog__list, .favorites-flight-dialog__list) { padding: 12px; gap: 12px; }
body :is(.flight-alternative-card, .favorites-alternative-card) { border-radius: 15px; box-shadow: none; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header { padding: 12px 16px; align-items: center; gap: 12px; flex-direction: row; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header > div { min-width: 0; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header > div:last-child { min-width: 0; flex: 0 0 auto; text-align: right; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header h3 { margin: 3px 0; font-size: 18px; line-height: 1.2; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header strong { font-size: 23px; line-height: 1.15; }
body :is(.flight-alternative-card, .favorites-alternative-card) > header :is(span,b) { font-size: 11px; line-height: 1.4; }
body .flight-alternative-card .flight-grid { grid-template-columns: 100px minmax(0,1fr); }
body .favorites-alternative-card .favorites-flight-direction { grid-template-columns: 100px minmax(0,1fr); }
body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) { min-height: 70px; padding: 10px 12px; }
body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) { min-height: 70px; padding: 10px 14px; grid-template-columns: 76px minmax(0,1fr) 76px; gap: 8px; }
body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) > div { min-width: 0; }
body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) strong { font-size: 19px; }
body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) > div > span { font-size: 11px; max-width: none; white-space: normal; overflow-wrap: anywhere; }
body .flight-alternative-card .flight-carrier-summary { gap: 6px; margin-bottom: 3px; }
body .flight-alternative-card :is(.airline-logo,.airline-logo-fallback) { width: 24px; height: 24px; flex-basis: 24px; }
body :is(.flight-alternative-card .flight-details, .favorites-alternative-card .favorites-flight-details) > summary { min-height: 44px; padding: 6px 14px; gap: 8px; }
body :is(.flight-alternative-card .flight-details, .favorites-alternative-card .favorites-flight-details) > summary > span { font-size: 12px; }
body :is(.flight-alternative-card .flight-details-content, .favorites-alternative-card .favorites-flight-details > div) { padding: 0 14px 12px; }
body :is(.flight-alternative-card .flight-leg, .favorites-alternative-card .favorites-flight-leg) { padding: 12px; gap: 12px; }
body :is(.flight-alternative-card, .favorites-alternative-card) > footer { padding: 10px 14px; gap: 12px; }
body :is(.flight-alternative-card, .favorites-alternative-card) > footer > span { max-width: 350px; font-size: 11px; line-height: 1.4; }
body :is(.flight-alternative-card, .favorites-alternative-card) > footer button { min-height: 44px; padding: 8px 16px; gap: 16px; font-size: 12px; flex-shrink: 0; }
@media (max-width: 600px) {
  body :is(.flight-alternatives-dialog, .favorites-flight-dialog) { width: calc(100% - 12px); max-height: calc(100dvh - 12px); border-radius: 16px; }
  body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) { max-height: calc(100dvh - 12px); }
  body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header { padding: 12px; padding-top: max(12px,env(safe-area-inset-top)); }
  body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header h2 { font-size: 20px; }
  body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header small { font-size: 9px; letter-spacing: .06em; }
  body :is(.flight-alternatives-dialog__shell, .favorites-flight-dialog__shell) > header p { font-size: 11px; }
  body :is(.flight-alternatives-dialog__list, .favorites-flight-dialog__list) { padding: 8px; padding-bottom: max(8px,env(safe-area-inset-bottom)); gap: 10px; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding: 10px 12px; gap: 8px; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > header h3 { font-size: 16px; overflow-wrap: anywhere; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > header strong { font-size: 21px; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > header b { overflow-wrap: anywhere; }
  body .flight-alternative-card .flight-grid,
  body .favorites-alternative-card .favorites-flight-direction { grid-template-columns: minmax(0,1fr); }
  body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) { min-height: 0; padding: 8px 12px; display: flex; flex-flow: row wrap; align-items: baseline; gap: 4px 8px; border-right: 0; }
  body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) > * { margin: 0; }
  body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) span { font-size: 10px; }
  body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) strong { font-size: 12px; }
  body :is(.flight-alternative-card .flight-label, .favorites-alternative-card .favorites-flight-label) small { font-size: 10px; }
  body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) { min-height: 74px; padding: 10px 12px; grid-template-columns: 56px minmax(0,1fr) 56px; gap: 6px; }
  body :is(.flight-alternative-card .flight-route, .favorites-alternative-card .favorites-flight-route) > div > small { font-size: 10px; }
  body .flight-alternative-card .flight-carrier-summary > span:last-child { font-size: 10px !important; line-height: 1.3 !important; }
  body :is(.flight-alternative-card .flight-line, .favorites-alternative-card .favorites-flight-line) small { font-size: 10px; }
  body :is(.flight-alternative-card .flight-details, .favorites-alternative-card .favorites-flight-details) > summary { grid-template-columns: minmax(0,1fr) auto; }
  body :is(.flight-alternative-card .flight-details, .favorites-alternative-card .favorites-flight-details) > summary > small { display: none; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > footer { flex-direction: column; align-items: stretch; gap: 8px; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > footer > span { max-width: none; font-size: 11px; }
  body :is(.flight-alternative-card, .favorites-alternative-card) > footer button { width: 100%; }
}
