/**
 * Flight Modify Search - Match design UI
 * Yellow bg, white joined fields, dark blue Modify button
 */

/* Yellow bar */
.flight-modify-search-wrapper {
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 0;
  background: #FFCB05;
}

.splmodify{ background: none !important; }

/* White container - rounded corners */
.mdf-search {
  border-radius: 10px;
  padding: 0px;
}

/* Horizontal row - fields joined */
.mdf-search form#flight_form {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0px !important;
  gap: 0;
}

.mdf-search .trvlhdr-optn {
  display: flex;
  align-items: stretch;
  margin-bottom: 0;
  right: inherit !important;
  padding-bottom: 0;
}

.mdf-search .flightSearchNavigation-f {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
}

.mdf-search .tabspl,
.mdf-search .tabrow {
  flex: 1;
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  display: flex;
  align-items: stretch;
}

.mdf-search .flight-search-inner-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  flex: 1;
}



/* Trip type - dropdown style (replaced by JS) */
.mdf-search .trip_select {
  flex-shrink: 0;
}

.mdf-search .trip-pills {
  display: none !important;
}

.mdf-search .mdf-trip-dropdown {
  display: inline-block;
  position: relative;
  min-width: 120px;
}

.mdf-search .mdf-trip-dropdown select {
  width: 100%;
  padding: 12px 36px 12px 16px;
  background: #fff;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 8px 0 0 8px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  min-height: 46px;
}

.mdf-search .mdf-trip-dropdown::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-size: 11px;
  pointer-events: none;
}

/* Hide separate class dropdown - combined in Traveler */
.mdf-search .classes_Select {
  display: none !important;
}

/* From / To - white, joined */
.mdf-search .flight-search-fields {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0px !important;
  flex: 1;
}

.mdf-search .flight-from-col,
.mdf-search .flight-to-col {
  flex: 1;
  padding: 0 !important;
  height: auto !important;
}

.mdf-search .plcetogo {
  background: #fff !important;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
  padding: 9px 14px 9px 30px;
  min-height: 46px;
}
.day_name{ display: none !important; }
.mdf-search .plcetogo.deprtures::before,
.mdf-search .plcetogo.destinatios::before {
  content: "\f072";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #003654;
  font-size: 14px;
}

.mdf-search .plcetogo input.normalinput,
.mdf-search .plcetogo input.form-control {
  background: transparent !important;
  color: #333;
  font-size: 14px !important;
  font-weight: 500;
  border: none;
}
#travel_text, .total_pax_count{ font-size: 15px !important; }
/* Hide exchange/swap button */
.mdf-search .flight-swap-wrap {
  display: none !important;
}

.airport_value { display: none !important;}
.mdf-search .padfive {
  background: none !important;
  border-right: none;
  border-radius: 0;
  padding: 0px !important;
  min-height: 46px;
  height: auto !important;
}
.add_city_btn {margin: 30px 0px 0 20px !important;}
.city_close_btn { top: 3px !important;}

/* Date - white, joined */
.mdf-search .secndates {
  display: flex;
  gap: 0;
  flex: 1;
  padding: 0 !important;
}

.mdf-search .secndates .padfive {
  flex: 1;
  padding: 0 !important;
  height: auto !important;
}

.mdf-search .plcetogo.datemark .flight-date-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #003654;
  font-size: 14px;
  pointer-events: none;
}

/* Traveler - white, joined, rounded right */
.mdf-search .thrdtraveller {
  flex-shrink: 0;
  padding: 0 !important;
  height: auto !important;
}

.mdf-search .totlall {
  position: relative;
  background: #fff !important;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
  padding: 12px 32px 12px 42px;
  min-height: 46px;
  cursor: pointer;
}

.mdf-search .totlall::before {
  content: "\f007";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #003654;
  font-size: 14px;
}

.mdf-search .totlall::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  right: -5px;
  top: 40%;
  transform: translateY(-50%);
  color: #666;
  font-size: 11px;
}

.mdf-search .totlall .lablform {
  display: none;
}

.mdf-search .totlall .remngwd {
  font-weight: 500;
  color: #333;
}

.mdf-search .totlall .flight-class-caption {
  font-size: 12px;
  color: #666;
  display: none !important;
  margin-top: 2px;
}

/* Rounded right on last joined field (Traveler) */
.mdf-search .totlall {
  border-radius: 0 8px 8px 0;
}

/* Internal borders - right side on joined fields */
.mdf-search .plcetogo,
.mdf-search .totlall,
.mdf-search .classes_Select .remngwd {
  border-right: none;
}

.mdf-search .secndates .padfive:last-child .plcetogo {
  border-right: none;
}

.mdf-search .flight-to-col .plcetogo {
  border-right: none;
}

/* Modify button - gap, dark blue */
.mdf-search .searchsbmtfot {
  flex-shrink: 0;
}

.mdf-search .flight_search_btn,
.mdf-search #flight-form-submit {
  background: #004a6b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 14px;
  height: 48px;
  min-height: inherit;
}

.mdf-search .flight_search_btn:hover,
.mdf-search #flight-form-submit:hover {
  background: #004a6b !important;
  color: #fff !important;
}

.mdf-search .flight_search_btn img {
  display: none;
}

/* Hide labels for inline look */
.mdf-search .lablform {
  display: none;
}

.mdf-search .hide {
  display: none !important;
}

/* Dropdowns */
.mdf-search .advncedown,
.mdf-search .roomcount {
  z-index: 1000;
}

/* Responsive */
@media (max-width: 991px) {
  .mdf-search form#flight_form,
  .mdf-search .flight-search-inner-box,
  .mdf-search #onw_rndw_fieldset {
    flex-direction: column;
  }

  .mdf-search .plcetogo,
  .mdf-search .totlall,
  .mdf-search .classes_Select .remngwd,
  .mdf-search .trip-pills .wament {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
  }

  .mdf-search .flight-swap-wrap {
    right: 50%;
    transform: translate(50%, -50%);
    bottom: -20px;
    top: auto;
  }

  .mdf-search .searchsbmtfot {
    margin-left: 0;
    margin-top: 12px;
  }
}
