/* O13(4) — Homepage route card parameter-row realignment.
   Locks Dates, Travelers, and Style into a single horizontal flex architecture so the Travelers node cannot stack or truncate. */

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial .ol-o5-booking-fields,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o8-route-glass-card .ol-o5-booking-fields,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card .ol-o5-booking-fields.ol-o13-route-data-box {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: clamp(.42rem, .68vw, .54rem) !important;
  overflow: visible !important;
  contain: layout paint !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param],
html body[data-oloropa-page="index.php"] #home-hero .ol-o8-route-data-row.ol-o13-route-param-row,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row.ol-o13-route-param-row {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(2.22rem, 3.1vw, 2.62rem) !important;
  height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(.74rem, 1vw, 1rem) !important;
  margin: 0 !important;
  padding: clamp(.54rem, .86vw, .68rem) clamp(.72rem, 1.1vw, .92rem) !important;
  border-radius: clamp(.72rem, .9vw, .86rem) !important;
  overflow: hidden !important;
  white-space: normal !important;
  grid-template-columns: none !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  grid-auto-rows: initial !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row[data-route-param="travelers"],
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param="travelers"],
html body[data-oloropa-page="index.php"] #home-hero .ol-o8-route-data-row[data-route-param="travelers"],
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row[data-route-param="travelers"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: clamp(2.22rem, 3.1vw, 2.62rem) !important;
  max-height: none !important;
  transform: none !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o13-route-param-label,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row > span,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] > span,
html body[data-oloropa-page="index.php"] #home-hero .ol-o8-route-data-row.ol-o13-route-param-row > span,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row.ol-o13-route-param-row > span {
  display: block !important;
  flex: 0 0 clamp(4.95rem, 8.2vw, 6.6rem) !important;
  width: clamp(4.95rem, 8.2vw, 6.6rem) !important;
  max-width: clamp(4.95rem, 8.2vw, 6.6rem) !important;
  min-width: clamp(4.95rem, 8.2vw, 6.6rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  align-self: center !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o13-route-param-value,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row > b,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] > b,
html body[data-oloropa-page="index.php"] #home-hero .ol-o8-route-data-row.ol-o13-route-param-row > b,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row.ol-o13-route-param-row > b {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - clamp(5.7rem, 9.4vw, 7.5rem)) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  align-self: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param="travelers"] > span,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param="travelers"] > b {
  position: static !important;
  inset: auto !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
  translate: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param="travelers"] > span {
  color: #FDFBF7 !important;
  opacity: .94 !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param="travelers"] > b {
  color: rgba(253, 251, 247, .92) !important;
}

@media (max-width: 1280px) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o13-route-param-label,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row > span,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] > span {
    flex-basis: clamp(4.65rem, 7.6vw, 5.9rem) !important;
    width: clamp(4.65rem, 7.6vw, 5.9rem) !important;
    max-width: clamp(4.65rem, 7.6vw, 5.9rem) !important;
    min-width: clamp(4.65rem, 7.6vw, 5.9rem) !important;
  }
}

@media (max-width: 900px) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] {
    min-height: 2.7rem !important;
    padding: .72rem .84rem !important;
  }
}

@media (max-width: 520px) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields .ol-o13-route-param-row,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param],
  html body[data-oloropa-page="index.php"] #home-hero .ol-o8-route-data-row.ol-o13-route-param-row,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row.ol-o13-route-param-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .7rem !important;
    min-height: 2.8rem !important;
  }

  html body[data-oloropa-page="index.php"] #home-hero .ol-o13-route-param-label,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] > span {
    flex: 0 0 5.2rem !important;
    width: 5.2rem !important;
    min-width: 5.2rem !important;
    max-width: 5.2rem !important;
    font-size: .62rem !important;
  }

  html body[data-oloropa-page="index.php"] #home-hero .ol-o13-route-param-value,
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-fields [data-route-param] > b {
    max-width: calc(100% - 5.9rem) !important;
    font-size: .72rem !important;
    line-height: 1.28 !important;
  }
}