/* MOAK Agent Portal - Journey Architecture row layout fix
   Keeps Destination + Days on one line and Accommodation below them. */
@media (min-width: 640px) {
  .itinerary-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 1rem !important;
  }

  .itinerary-row > div:first-child:not(.moak-stage1-accommodation) {
    width: auto !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }

  .itinerary-row > div:nth-child(2):not(.moak-stage1-accommodation) {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }

  .itinerary-row .park-select {
    width: 100% !important;
    min-width: 260px !important;
  }

  .itinerary-row .park-days {
    width: 5rem !important;
    min-width: 5rem !important;
  }

  .itinerary-row .moak-stage1-accommodation {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 0.9rem !important;
  }
}

@media (max-width: 639px) {
  .itinerary-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .itinerary-row .moak-stage1-accommodation {
    width: 100% !important;
  }
}