/* Jam booking search widget — plugin bundle (from theme custom-css search section) */

.search-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  color: black;
}

.search-num {
  justify-content: space-between !important;
}

.hidden-search {
  transition: transform 0.4s ease-in-out;
  transform: translateY(150%) !important;
}

.hidden-search svg {
  height: 20px !important;
}

.num-css {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
}

/* Icon + field always one row; fill parent width */
.select-search-row,
#search-return-date.date-label,
.date-label.select-search-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  column-gap: 5px;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.elementor-widget-shortcode .elementor-shortcode,
.elementor-shortcode {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.elementor-widget-shortcode .select-search-row,
.elementor-widget-shortcode .trip-type-selector {
  width: 100% !important;
}

.select-search-row > svg,
.select-search-row .search-field-icon,
.search-field-icon,
.search-bar svg,
.num-css svg,
.date-label svg {
  height: 20px !important;
  width: 20px !important;
  flex-shrink: 0 !important;
  display: block;
}

.select-search-row > .select-search,
.select-search-row > .date-search,
.select-search-row > select,
.select-search-row > input[type="date"] {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.trip-type-selector {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  box-sizing: border-box;
}

.trip-type-selector .trip-type-label {
  flex: 1 1 0%;
  width: 100%;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.trip-type-selector .trip-type-label svg,
.trip-type-selector .trip-type-label #svg-one-way,
.trip-type-selector .trip-type-label #svg-round-trip {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.select-search-row.search-num {
  width: 100% !important;
  justify-content: space-between !important;
}

.select-search-row .num-css {
  flex: 1 1 auto;
  min-width: 0;
}

.number-button-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 4px;
  flex-shrink: 0;
}

.search-bar svg {
  height: 20px;
}

.top-search-bar {
  width: auto;
}

input.radio-button,
.radio-button-mobile {
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  width: 0;
  display: none;
}

.type-of-way-mobile-one {
  display: grid;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  grid-column-gap: 0px !important;
  grid-row-gap: 0px !important;
}

.type-of-way-mobile-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: 1fr !important;
  grid-column-gap: 10px !important;
  grid-row-gap: 0px !important;
}

.search-bar-between {
  justify-content: space-between;
}

.radio-button:checked + .trip-type-label {
  background-color: #172a77;
  color: white !important;
}

.radio-button:checked + .trip-type-label svg {
  fill: white !important;
}

.radio-button-mobile:checked + .trip-type-label-mobile {
  background-color: #ffffff;
  color: black;
}

.radio-button-mobile:checked + .trip-type-label-mobile svg {
  fill: black;
}

#type-way-one-mobile + .trip-type-label {
  background-color: white;
}

.trip-type-label-mobile,
.trip-type-label-mobile svg {
  color: white;
  fill: white;
}

.trip-type-label-mobile {
  border: solid 2px white;
}

.trip-type-selector {
  display: flex;
  flex-direction: row;
}

.jam-booking-search select,
.jam-booking-search select option,
.trip-type-selector select {
  font-family: "Poppins", sans-serif !important;
}

.trip-type-selector-mobile {
  height: 54px;
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}

.trip-type-selector svg {
  fill: black;
  margin-right: 5px;
}

.trip-type-label,
.trip-type-label-mobile {
  padding: 12px 16px;
  border-radius: 5px;
  justify-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trip-type-label-mobile {
  width: 50%;
}

.trip-type-label-mobile svg {
  height: 20px;
  margin-right: 10px;
}

.radio-button label {
  color: black;
  font-size: 15px;
}

.select-search,
.date-search,
.quantity-search {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}

.quantity-search {
  width: 50px !important;
}

.quantity-search::-webkit-outer-spin-button,
.quantity-search::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.quantity-search[type="number"] {
  -moz-appearance: textfield;
}

.number-button {
  background-color: black !important;
  padding: 2px !important;
  color: white !important;
  border: none !important;
  font-size: 15px !important;
  cursor: pointer;
}

.passenger-mobile {
  justify-content: space-between;
}

.number-button-mobile {
  background-color: black !important;
  padding: 2px !important;
  color: white !important;
  border: none !important;
}

.num-label {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.date-label {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.span-label-date {
  display: none !important;
}

.search-button a {
  height: 50px !important;
  align-content: center;
}

.search-button a:hover {
  color: white !important;
  fill: white !important;
}

@media (max-width: 420px) {
  .number-button {
    background-color: black !important;
    padding: 0px 5px 0px 5px !important;
    color: white !important;
    border: none !important;
    font-size: 20px !important;
  }

  .quantity-search {
    width: 30px !important;
  }
}