/**
 * Hero / hub search dock (low-fare-calendar, deals, vip-travel, airline-destinations, …)
 * OTA bar grid + full-height Explore — mirrors homepage .home-search-dock layout.
 */
.fm-hero-search-dock #fm-search-widget-root {
  width: 100%;
}

.fm-hero-search-dock .fms-compact-ui .fms-search-shell {
  border-color: #1a56db;
}

.fm-hero-search-dock .fms-bar {
  width: 100%;
  min-height: 56px !important;
  border-radius: 0 !important;
  border: none !important;
  background: #ffffff !important;
  box-shadow: none !important;
  align-items: stretch !important;
}

.fm-hero-search-dock .fms-compact-ui .fms-flight-shell > .fms-bar,
.fm-hero-search-dock #fms-std-flight-bar.home-flight-bar {
  border: none !important;
  box-shadow: none !important;
}

.fm-hero-search-dock #fms-std-flight-bar .flight-submit-column {
  display: flex !important;
  flex-shrink: 0;
  align-self: stretch !important;
}

.fm-hero-search-dock #fms-std-flight-bar .flight-submit-column .fms-search-btn {
  width: 100%;
  min-width: 108px;
  height: 100%;
  min-height: 56px;
  align-self: stretch;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fm-hero-search-dock .fms-compact-ui .fms-flight-shell,
.fm-hero-search-dock .fms-compact-ui .fms-search-shell {
  overflow: visible !important;
}

.fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar .flight-submit-column {
  display: flex;
  flex-shrink: 0;
  align-self: stretch;
}

.fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar .flight-submit-column .fms-search-btn {
  width: 100%;
  min-width: 108px;
  border-radius: 0;
}

@media (min-width: 1024px) {
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) 40px minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 0.9fr) auto;
    grid-template-rows: auto;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #col_from_wrap {
    grid-column: 1;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #fm-swap-btn {
    grid-column: 2;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #col_to_wrap {
    grid-column: 3;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #fm-date-trigger {
    grid-column: 4;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > .travellers-column {
    grid-column: 5;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > .flight-submit-column {
    grid-column: 6;
    grid-row: 1;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > .fms-bar-sep,
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #fms-depart-field,
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #fms-return-field,
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > #fm-pax-overlay {
    display: none !important;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar .flight-submit-column .fms-search-btn {
    border-radius: 0;
  }
}

@media (max-width: 1023px) {
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > .flight-submit-column {
    order: 99;
    width: 100%;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar > .travellers-column {
    order: 5;
  }

  .fm-hero-search-dock #fm-search-widget-root.fms-compact-ui #fms-std-flight-bar.home-flight-bar > .travellers-column,
  .fm-hero-search-dock #fm-search-widget-root.fms-compact-ui .fms-bar > #prsn_add.fms-bar-field {
    display: none !important;
  }

  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #fms-std-flight-bar.home-flight-bar .flight-submit-column .fms-search-btn {
    width: 100%;
    border-radius: 0;
    min-height: 50px !important;
  }
}

@media (max-width: 767px) {
  .fm-hero-search-dock #fm-search-widget-root.fms-compact-ui #panel-flights #fms-std-flight-bar.home-flight-bar,
  .fm-hero-search-dock #fm-search-widget-root.home-flight-search-active:not(.is-multicity):not(.fm-mode-mc) #panel-flights #fms-std-flight-bar.home-flight-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
    grid-template-areas:
      "from swap to"
      "dates dates dates"
      "search search search";
    align-items: stretch;
    gap: 0;
    flex-wrap: nowrap !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar.home-flight-bar > #col_from_wrap {
    grid-area: from;
    border-bottom: none !important;
    border-right: none !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar.home-flight-bar > #fm-swap-btn {
    grid-area: swap;
    width: 40px !important;
    min-width: 40px !important;
    height: auto !important;
    min-height: 52px !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar.home-flight-bar > #col_to_wrap {
    grid-area: to;
    border-bottom: none !important;
    border-right: none !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar.home-flight-bar > #fm-date-trigger {
    grid-area: dates;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-right: none !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar.home-flight-bar > .flight-submit-column {
    grid-area: search;
    order: unset !important;
    width: 100% !important;
    position: static !important;
    display: flex !important;
  }

  .fm-hero-search-dock #fms-std-flight-bar .flight-submit-column .fms-search-btn {
    width: 100% !important;
    border-radius: 0 !important;
    min-height: 50px !important;
  }
}