/* F3 Revised — compact travel-search UX inspired by leading OTA patterns.
   Keeps Angel Trip branding and existing JS/data hooks intact. */
.flight-search-shell{border-radius:16px!important;box-shadow:0 12px 34px rgba(16,24,40,.10)!important;overflow:visible!important}
.flight-search-shell [hidden]{display:none!important}
.travel-product-tabs{gap:4px!important;padding:0 16px!important}
.travel-product-tabs>button,.travel-product-tabs>a,.travel-product-tabs>span{min-height:48px!important;padding:0 14px!important;font-size:13px!important}
.travel-product-tabs .is-active:after{left:12px!important;right:12px!important;height:2px!important}
.premium-flight-search.flight-search-compact{padding:14px 16px 13px!important}
.flight-search-compact .journey-types{gap:20px!important;margin:0 0 10px!important;padding:0 4px!important}
.flight-search-compact .journey-types span{padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#667085!important;font-size:12px!important}
.flight-search-compact .journey-types input:checked+span{color:#101828!important;box-shadow:inset 0 -2px 0 #c92f36!important}

.flight-search-compact .flight-main-search-bar{display:grid!important;grid-template-columns:minmax(160px,1.15fr) 30px minmax(160px,1.15fr) minmax(132px,.72fr) minmax(205px,1fr) minmax(104px,.55fr)!important;gap:0!important;align-items:stretch!important;border:1px solid #dfe3e8!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 12px rgba(16,24,40,.035)!important}
.flight-search-compact .flight-main-search-bar>.airport-field,
.flight-search-compact .flight-main-search-bar>.search-control{min-height:58px!important;padding:7px 13px!important;border:0!important;border-right:1px solid #e5e7eb!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.flight-search-compact .flight-main-search-bar>.airport-field:first-child{border-radius:11px 0 0 11px!important}
.flight-search-compact .airport-field label,.flight-search-compact .search-control span,.flight-search-compact .compact-control span{margin-bottom:2px!important;color:#667085!important;font-size:9px!important;font-weight:800!important;letter-spacing:.045em!important}
.flight-search-compact .airport-field input,.flight-search-compact .search-control input,.flight-search-compact .compact-control input,.flight-search-compact .compact-control select{font-size:14px!important;font-weight:700!important;color:#101828!important}
.flight-search-compact .airport-field input::placeholder,.flight-search-compact .compact-control input::placeholder{color:#98a2b3!important}
.flight-search-compact .swap-airports{z-index:3;align-self:center;justify-self:center;width:30px!important;height:30px!important;margin:0 -15px!important;border-color:#dfe3e8!important;background:#fff!important;font-size:15px!important;box-shadow:0 2px 7px rgba(16,24,40,.08)!important}

.flight-search-compact .traveller-cabin-combo{display:grid;grid-template-columns:1fr 1fr;min-width:0;border-right:1px solid #e5e7eb}
.flight-search-compact .traveller-picker>button,.flight-search-compact .cabin-inline{min-height:58px!important;padding:7px 10px!important;border:0!important;border-radius:0!important;background:transparent!important}
.flight-search-compact .traveller-picker>button{border-right:1px solid #eef0f2!important}
.flight-search-compact .traveller-picker>button span{font-size:9px!important;font-weight:800!important;letter-spacing:.045em!important;color:#667085!important;text-transform:uppercase!important}
.flight-search-compact .traveller-picker>button strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flight-search-compact .cabin-inline select{max-width:100%;font-size:12px!important}
.flight-search-compact .flight-search-submit{min-height:46px!important;height:46px!important;align-self:center;margin:0 7px!important;padding:0 16px!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important;white-space:nowrap}
.flight-search-compact .flight-search-submit:hover{filter:brightness(.97)}

.flight-search-compact .flight-search-extras{display:flex!important;align-items:center!important;gap:18px!important;margin-top:9px!important;padding:0 3px!important}
.flight-search-compact .flight-search-extras .airline-control{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;min-height:28px!important;padding:0!important;border:0!important;background:transparent!important}
.flight-search-compact .flight-search-extras .airline-control span{margin:0!important;white-space:nowrap}
.flight-search-compact .flight-search-extras .airline-control input{width:110px!important;padding:3px 0!important;border-bottom:1px solid #dfe3e8!important;font-size:12px!important;font-weight:600!important}
.flight-search-compact .option-check{gap:6px!important;font-size:11px!important;color:#475467!important}
.flight-search-compact .option-check input{width:14px!important;height:14px!important}
.flight-search-compact .flight-form-message{margin-top:8px!important}
.recent-searches{gap:8px!important;padding:0 16px 12px!important;font-size:11px!important}
.recent-searches button{padding:4px 8px!important;font-size:11px!important}
.flight-search-compact .airport-options{top:calc(100% + 5px)!important;border-radius:12px!important}
.flight-search-compact .traveller-popover{top:calc(100% + 6px)!important;width:280px!important;border-radius:12px!important}

/* Round trip gets one extra date column without growing the widget vertically. */
.flight-search-compact .flight-main-search-bar:has(.return-control:not([hidden])){grid-template-columns:minmax(145px,1fr) 28px minmax(145px,1fr) minmax(118px,.68fr) minmax(118px,.68fr) minmax(190px,.9fr) minmax(98px,.5fr)!important}

/* Multi-city stays compact but readable. */
.flight-search-compact .multi-city-routes{gap:7px!important;margin:8px 0!important}
.flight-search-compact .multi-city-row{grid-template-columns:1fr 1fr 150px 34px!important;gap:7px!important}
.flight-search-compact .multi-city-row .search-control{min-height:54px!important;padding:6px 10px!important;border-radius:9px!important}
.flight-search-compact .add-city{padding:7px 11px!important;font-size:11px!important}

@media(max-width:1180px){
 .flight-search-compact .flight-main-search-bar,.flight-search-compact .flight-main-search-bar:has(.return-control:not([hidden])){grid-template-columns:1fr 30px 1fr 145px!important}
 .flight-search-compact .traveller-cabin-combo{grid-column:1/4;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb}
 .flight-search-compact .flight-search-submit{grid-column:4;grid-row:2;margin:6px!important}
 .flight-search-compact .return-control:not([hidden]){grid-column:auto}
}
@media(max-width:820px){
 .travel-product-tabs>button,.travel-product-tabs>a,.travel-product-tabs>span{min-height:44px!important;padding:0 11px!important;font-size:12px!important}
 .premium-flight-search.flight-search-compact{padding:12px!important}
 .flight-search-compact .flight-main-search-bar,.flight-search-compact .flight-main-search-bar:has(.return-control:not([hidden])){grid-template-columns:1fr 30px 1fr!important}
 .flight-search-compact .flight-main-search-bar>.airport-field{min-height:56px!important}
 .flight-search-compact .flight-main-search-bar>.search-control{grid-column:auto;grid-row:auto;border-top:1px solid #e5e7eb!important}
 .flight-search-compact .traveller-cabin-combo{grid-column:1/3}
 .flight-search-compact .flight-search-submit{grid-column:3;grid-row:auto;height:44px!important}
 .flight-search-compact .flight-search-extras{flex-wrap:wrap;gap:9px 15px!important}
}
@media(max-width:560px){
 .flight-search-shell{border-radius:13px!important}
 .travel-product-tabs{padding:0 8px!important}
 .flight-search-compact .journey-types{gap:17px!important;margin-bottom:8px!important;overflow:visible!important}
 .flight-search-compact .flight-main-search-bar,.flight-search-compact .flight-main-search-bar:has(.return-control:not([hidden])){display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:10px!important}
 .flight-search-compact .flight-main-search-bar>.airport-field{grid-column:auto;min-width:0;border-bottom:1px solid #e5e7eb!important}
 .flight-search-compact .flight-main-search-bar>.airport-field:first-child{border-radius:10px 0 0 0!important}
 .flight-search-compact .swap-airports{position:absolute!important;left:50%!important;right:auto!important;top:45px!important;transform:translateX(-50%)!important;margin:0!important}
 .flight-search-compact .flight-main-search-bar>.search-control{min-height:52px!important;padding:6px 10px!important}
 .flight-search-compact .traveller-cabin-combo{grid-column:1/-1;border-top:1px solid #e5e7eb;border-right:0}
 .flight-search-compact .flight-search-submit{position:static!important;grid-column:1/-1!important;width:auto!important;height:44px!important;margin:7px!important}
 .flight-search-compact .flight-search-extras{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:8px!important}
 .flight-search-compact .flight-search-extras .airline-control{grid-column:1/-1}
 .flight-search-compact .flight-search-extras .airline-control input{width:100%!important}
 .recent-searches{padding:0 12px 10px!important}
 .flight-search-compact .multi-city-row{grid-template-columns:1fr!important}
}

/* F3 Final compact pass ---------------------------------------------------- */
/* Keep the widget shallow: options and recent searches share one footer. */
.flight-search-compact .flight-search-footer{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;min-height:34px!important;margin-top:7px!important;padding:0 3px!important
}
.flight-search-compact .flight-search-footer .flight-search-extras{
 flex:0 1 auto!important;margin:0!important;padding:0!important;gap:15px!important;min-width:0
}
.flight-search-compact .flight-search-footer .recent-searches{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
 margin:0!important;padding:0!important;min-width:0!important;font-size:10px!important;color:#667085!important
}
.flight-search-compact .flight-search-footer .recent-searches[hidden]{display:none!important}
.flight-search-compact .flight-search-footer .recent-searches strong{font-size:10px!important;white-space:nowrap;color:#667085!important}
.flight-search-compact .flight-search-footer .recent-searches>div{display:flex!important;gap:5px!important;min-width:0;overflow:hidden}
.flight-search-compact .flight-search-footer .recent-searches button{padding:3px 7px!important;border-radius:999px!important;font-size:10px!important;white-space:nowrap}

/* Multi-city: JS intentionally hides the standard route. We bring back only
   its shared traveller/cabin + submit controls and suppress duplicate route/date fields. */
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
 display:grid!important;grid-template-columns:minmax(250px,330px) 150px!important;justify-content:end!important;
 gap:8px!important;margin:0 0 7px auto!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.airport-field,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.swap-airports,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.search-control{
 display:none!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.traveller-cabin-combo{
 grid-column:1!important;min-height:50px!important;border:1px solid #dfe3e8!important;border-radius:9px!important;background:#fff!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .traveller-picker>button,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .cabin-inline{
 min-height:48px!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.flight-search-submit{
 grid-column:2!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-routes{
 display:grid!important;gap:6px!important;margin:0!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{
 grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 160px 30px!important;gap:6px!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row .search-control{
 min-height:48px!important;padding:5px 10px!important
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row .search-control span{font-size:8px!important}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row .search-control input{font-size:13px!important}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .add-city{
 justify-self:start!important;margin-top:1px!important;padding:5px 10px!important;min-height:30px!important
}

/* Reduce residual vertical air in the complete search panel. */
.premium-flight-search.flight-search-compact{padding-bottom:10px!important}
.flight-search-compact .flight-form-message[hidden]{display:none!important}

@media(max-width:900px){
 .flight-search-compact .flight-search-footer{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
 .flight-search-compact .flight-search-footer .recent-searches{justify-content:flex-start!important;max-width:100%!important}
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  grid-template-columns:1fr 145px!important;width:100%!important
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{
  grid-template-columns:1fr 1fr 145px 30px!important
 }
}
@media(max-width:560px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  grid-template-columns:1fr!important
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.traveller-cabin-combo,
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.flight-search-submit{
  grid-column:1!important
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{grid-template-columns:1fr!important}
 .flight-search-compact .flight-search-footer .flight-search-extras{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 .flight-search-compact .flight-search-footer .airline-control{grid-column:1/-1!important}
 .flight-search-compact .flight-search-footer .recent-searches>div{overflow-x:auto!important}
}

/* F3 Multi-city search alignment hotfix ----------------------------------
   Keep the compact action bar fully inside the search panel on wide screens. */
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
 width:min(100%,560px)!important;
 max-width:100%!important;
 grid-template-columns:minmax(0,1fr) minmax(124px,150px)!important;
 justify-content:stretch!important;
 justify-self:end!important;
 margin:0 0 8px auto!important;
 padding:0!important;
 box-sizing:border-box!important;
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.traveller-cabin-combo{
 min-width:0!important;
 width:100%!important;
 box-sizing:border-box!important;
 overflow:visible!important;
}
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.flight-search-submit{
 min-width:0!important;
 width:100%!important;
 max-width:100%!important;
 box-sizing:border-box!important;
 justify-self:stretch!important;
 margin:0!important;
}

@media(max-width:900px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(120px,145px)!important;
 }
}
@media(max-width:560px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  grid-template-columns:1fr!important;
 }
}

/* F3 Multi-city compact action group -------------------------------------
   Traveller/Cabin are small selectors, so keep the action cluster compact. */
@media(min-width:901px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  width:405px!important;
  max-width:405px!important;
  grid-template-columns:250px 145px!important;
  gap:10px!important;
  justify-self:end!important;
  margin:0 0 8px auto!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.traveller-cabin-combo{
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .traveller-picker,
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .cabin-inline{
  min-width:0!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .traveller-picker>button,
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route] .cabin-inline{
  padding-left:12px!important;
  padding-right:10px!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.flight-search-submit{
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
 }
}

/* Dynamic multi-city airport results must not inherit route-action button sizing. */
.flight-search-compact .multi-city-row .airport-options{
 width:min(430px,90vw)!important;
 max-height:300px!important;
 padding:8px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 background:#fff!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option{
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr)!important;
 align-items:center!important;
 gap:10px!important;
 width:100%!important;
 height:auto!important;
 min-height:62px!important;
 margin:0!important;
 padding:9px!important;
 border:0!important;
 border-radius:9px!important;
 background:#fff!important;
 color:#13293D!important;
 text-align:left!important;
 box-shadow:none!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option:hover,
.flight-search-compact .multi-city-row .airport-options .airport-option:focus{
 background:#F4F7F9!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option>b{
 display:grid!important;
 place-items:center!important;
 width:48px!important;
 height:44px!important;
 border-radius:8px!important;
 background:#13293D!important;
 color:#fff!important;
 font-size:12px!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option>span{
 display:block!important;
 min-width:0!important;
 margin:0!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option strong,
.flight-search-compact .multi-city-row .airport-options .airport-option small{
 display:block!important;
 margin:0!important;
 overflow:hidden!important;
 line-height:1.3!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
.flight-search-compact .multi-city-row .airport-options .airport-option strong{font-size:13px!important}
.flight-search-compact .multi-city-row .airport-options .airport-option small{margin-top:3px!important;color:#667085!important;font-size:11px!important}

@media(min-width:561px) and (max-width:900px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
  width:min(100%,390px)!important;
  grid-template-columns:minmax(0,1fr) 135px!important;
 }
}


/* =======================================================================
   ANGEL TRIP — F3 FINAL FLIGHT SEARCH
   Final visual system:
   Deep blue  #24597A
   Navy       #13293D
   Gold       #F0BF1A
   Silver     #AAB2BC
   White      #FFFFFF
   ======================================================================= */

:root{
  --at-blue:#24597A;
  --at-navy:#13293D;
  --at-gold:#F0BF1A;
  --at-silver:#AAB2BC;
  --at-border:#DDE3E8;
  --at-soft:#F7F9FB;
  --at-white:#FFFFFF;
}

/* ---------- Shell ---------- */
.flight-search-shell{
  border-radius:22px!important;
  overflow:hidden!important;
  background:var(--at-white)!important;
  border:1px solid rgba(19,41,61,.10)!important;
  box-shadow:0 16px 42px rgba(19,41,61,.10)!important;
}

/* ---------- Product/service tabs ---------- */
.flight-search-shell .travel-product-tabs{
  min-height:104px!important;
  padding:10px 34px 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:18px!important;
  border-bottom:1px solid #E7EBEF!important;
  background:#fff!important;
}
.flight-search-shell .travel-product-tabs>button{
  position:relative!important;
  min-width:118px!important;
  min-height:92px!important;
  padding:10px 14px 14px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#667085!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.05!important;
  cursor:pointer!important;
}
.flight-search-shell .travel-product-tabs>button:hover{
  color:var(--at-blue)!important;
}
.flight-search-shell .travel-product-tabs>button.is-active{
  color:var(--at-blue)!important;
  border-bottom-color:var(--at-gold)!important;
}
.flight-search-shell .travel-product-tabs .travel-tab-icon{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  font-size:34px!important;
  line-height:1!important;
  color:var(--at-blue)!important;
  transform:none!important;
}
.flight-search-shell .travel-product-tabs>button.is-active .travel-tab-icon{
  color:var(--at-gold)!important;
}
.flight-search-shell .travel-product-tabs .travel-tab-label{
  display:block!important;
  white-space:nowrap!important;
}

/* ---------- Journey tabs ---------- */
.flight-search-compact .journey-types{
  margin:0!important;
  padding:14px 4px 10px!important;
  display:flex!important;
  gap:28px!important;
  min-height:52px!important;
}
.flight-search-compact .journey-types label span{
  padding:0 0 8px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#667085!important;
  font-weight:700!important;
}
.flight-search-compact .journey-types input:checked+span{
  background:transparent!important;
  color:var(--at-navy)!important;
  box-shadow:inset 0 -3px 0 var(--at-gold)!important;
}

/* ---------- Form fields ---------- */
.flight-search-compact [data-standard-route],
.flight-search-compact .multi-city-row{
  border-color:var(--at-border)!important;
}
.flight-search-compact label,
.flight-search-compact .route-field,
.flight-search-compact .traveller-picker>button,
.flight-search-compact .cabin-inline{
  background:#fff!important;
}
.flight-search-compact input,
.flight-search-compact select,
.flight-search-compact button{
  font-family:inherit!important;
}
.flight-search-compact .flight-search-submit{
  background:var(--at-blue)!important;
  border-color:var(--at-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.flight-search-compact .flight-search-submit:hover{
  background:var(--at-navy)!important;
  border-color:var(--at-navy)!important;
}
.flight-search-compact .swap-route{
  color:var(--at-blue)!important;
}

/* ---------- Multi City: exact requested desktop alignment ---------- */
@media (min-width:901px){
  /*
    Right-side action line:
      Traveller 130px | Cabin 130px | Search 240px
    Search uses exactly the same 240px width as the DATE column below.
    Traveller/Cabin therefore sit further left and stay compact.
  */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
    width:520px!important;
    max-width:520px!important;
    display:grid!important;
    grid-template-columns:270px 240px!important;
    gap:10px!important;
    justify-self:end!important;
    margin:0 0 10px auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route]>.traveller-cabin-combo{
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    display:grid!important;
    grid-template-columns:135px 135px!important;
    gap:0!important;
    overflow:visible!important;
    border:1px solid var(--at-border)!important;
    border-radius:14px!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .cabin-inline{
    width:135px!important;
    min-width:0!important;
    max-width:135px!important;
    box-sizing:border-box!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker>button,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .cabin-inline{
    width:100%!important;
    min-width:0!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:0!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker{
    border-right:1px solid var(--at-border)!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route]>.flight-search-submit{
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
    height:auto!important;
    min-height:74px!important;
    margin:0!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    justify-self:stretch!important;
  }

  /* Segment columns: Date is exactly 240px — Search above aligns to it. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row>*:nth-child(n+4){
    display:none!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-multi-city]{
    margin-top:0!important;
  }
}

/* ---------- Compact footer ---------- */
.flight-search-compact .flight-search-footer{
  padding:10px 4px 0!important;
  gap:14px!important;
}
.flight-search-compact .flight-search-extras{
  gap:18px!important;
}
.flight-search-compact .recent-searches{
  margin-left:auto!important;
}

/* ---------- Tablet ---------- */
@media (min-width:561px) and (max-width:900px){
  .flight-search-shell .travel-product-tabs{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    min-height:88px!important;
    gap:8px!important;
    padding:8px 16px 0!important;
  }
  .flight-search-shell .travel-product-tabs>button{
    min-width:92px!important;
    min-height:78px!important;
  }
  .flight-search-shell .travel-product-tabs .travel-tab-icon{
    width:36px!important;
    height:36px!important;
    font-size:28px!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
    width:min(100%,440px)!important;
    grid-template-columns:minmax(0,1fr) 155px!important;
    gap:8px!important;
    margin-left:auto!important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:560px){
  .flight-search-shell .travel-product-tabs{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    min-height:76px!important;
    gap:4px!important;
    padding:6px 10px 0!important;
  }
  .flight-search-shell .travel-product-tabs>button{
    min-width:82px!important;
    min-height:68px!important;
    padding:7px 8px 10px!important;
    font-size:13px!important;
  }
  .flight-search-shell .travel-product-tabs .travel-tab-icon{
    width:30px!important;
    height:30px!important;
    font-size:24px!important;
  }
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
    width:100%!important;
    grid-template-columns:1fr!important;
  }
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route]>.traveller-cabin-combo,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route]>.flight-search-submit{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* =======================================================================
   F3 STABLE MULTI-CITY ALIGNMENT FIX
   Preserves all existing visual styling above.
   ONLY controls Traveller/Cabin/Search placement and size.
   ======================================================================= */

@media (min-width: 901px) {

  /* Multi-city action row follows the SAME 3-column grid as From / To / Date. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route][hidden] {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 240px !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* The normal One Way / Round Trip fields stay hidden in Multi City. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .airport-field,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .swap-airports,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .search-control {
    display: none !important;
  }

  /* Traveller + Cabin occupy only 270px, anchored to right side of TO column. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .traveller-cabin-combo {
    grid-column: 2 !important;
    justify-self: end !important;
    display: grid !important;
    grid-template-columns: 135px 135px !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid #DDE3E8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .cabin-inline {
    width: 135px !important;
    min-width: 0 !important;
    max-width: 135px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker {
    border-right: 1px solid #E5E7EB !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .traveller-picker > button,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .cabin-inline {
    width: 100% !important;
    height: 100% !important;
    min-height: 58px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  /* Search sits exactly in DATE column: 240px, no overflow. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .flight-search-submit {
    grid-column: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  /* Segment geometry uses same Date width as Search. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  .multi-city-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 240px !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  /* Hide any optional 4th action cell in the multi-city row so it cannot shift the Date column. */
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  .multi-city-row > :nth-child(n+4) {
    display: none !important;
  }
}

@media (min-width: 561px) and (max-width: 900px) {
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route][hidden] {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 155px !important;
    gap: 8px !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .traveller-cabin-combo {
    grid-column: 1 !important;
    justify-self: end !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .flight-search-submit {
    grid-column: 2 !important;
  }
}

@media (max-width: 560px) {
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route][hidden] {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .traveller-cabin-combo,
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] > .flight-search-submit {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Targeted multi-city alignment + traveller chevron fix. */
.premium-flight-search.flight-search-compact .traveller-picker>button{
 position:relative!important;
 padding-right:34px!important;
}
.premium-flight-search.flight-search-compact .traveller-picker>button:after{
 content:"⌄"!important;
 position:absolute!important;
 top:50%!important;
 right:12px!important;
 transform:translateY(-55%)!important;
 color:#475467!important;
 font-size:17px!important;
 line-height:1!important;
 pointer-events:none!important;
}
@media(min-width:901px){
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px 48px!important;
  gap:10px!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row>[data-remove-segment]{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  width:48px!important;
  height:auto!important;
  min-height:58px!important;
  margin:0!important;
  border:1px solid #F0BF1A!important;
  border-radius:9px!important;
  background:#FFF8DD!important;
  color:#13293D!important;
  font-size:20px!important;
  cursor:pointer!important;
 }
 .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row:nth-child(-n+2)>[data-remove-segment]{
  visibility:hidden!important;
  pointer-events:none!important;
 }
}


/* ============================================================
   F3 requested UI corrections — 2026-08-09
   1) Multi-city Search aligns exactly with Date column.
   2) Traveller summary and Cabin value use identical typography.
   3) Multi-city remove action uses a trash icon, visible row 3+.
   ============================================================ */

.premium-flight-search.flight-search-compact .traveller-picker>button strong,
.premium-flight-search.flight-search-compact .cabin-inline select{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
  font-family:inherit!important;
  color:#101828!important;
}

@media(min-width:901px){
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route][hidden]{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px 48px!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:0!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.traveller-cabin-combo{
    grid-column:2!important;
    justify-self:end!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) [data-standard-route]>.flight-search-submit{
    grid-column:3!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 240px 48px!important;
    gap:10px!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row>[data-remove-segment]{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-height:58px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #DDE3E8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#667085!important;
    cursor:pointer!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row>[data-remove-segment] svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row>[data-remove-segment]:hover{
    border-color:#F0BF1A!important;
    background:#FFF8DD!important;
    color:#13293D!important;
  }

  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked) .multi-city-row:nth-child(-n+2)>[data-remove-segment]{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* FINAL: same chevron for Traveller + Cabin. No date/layout changes here. */
.premium-flight-search.flight-search-compact .traveller-picker>button{
  position:relative!important;
  padding-right:34px!important;
}
.premium-flight-search.flight-search-compact .traveller-picker>button:after,
.premium-flight-search.flight-search-compact .cabin-inline:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  top:50%!important;
  right:14px!important;
  border:0!important;
  border-right:2px solid #475467!important;
  border-bottom:2px solid #475467!important;
  background:transparent!important;
  transform:translateY(-65%) rotate(45deg)!important;
  font-size:0!important;
  line-height:1!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.premium-flight-search.flight-search-compact .cabin-inline{
  position:relative!important;
  padding-right:34px!important;
}
.premium-flight-search.flight-search-compact .cabin-inline select{
  width:100%!important;
  padding-right:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:none!important;
}


/* ============================================================
   FINAL CABIN PICKER — replaces browser native select menu only.
   Keeps dd/mm/yyyy, search alignment, traveller font and delete icon.
   ============================================================ */

.premium-flight-search.flight-search-compact .cabin-picker{
  position:relative!important;
  padding:0!important;
}

.premium-flight-search.flight-search-compact .cabin-picker>button[data-cabin-toggle]{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-height:58px!important;
  height:100%!important;
  padding:7px 34px 7px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#101828!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.premium-flight-search.flight-search-compact .cabin-picker>button[data-cabin-toggle] span{
  margin-bottom:2px!important;
  color:#667085!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}

.premium-flight-search.flight-search-compact .cabin-picker>button[data-cabin-toggle] strong{
  max-width:100%!important;
  color:#101828!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Same chevron as Traveller */
.premium-flight-search.flight-search-compact .cabin-picker:after{
  display:none!important;
}
.premium-flight-search.flight-search-compact .cabin-picker>button[data-cabin-toggle]:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  top:50%!important;
  right:14px!important;
  border:0!important;
  border-right:2px solid #475467!important;
  border-bottom:2px solid #475467!important;
  background:transparent!important;
  transform:translateY(-65%) rotate(45deg)!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}

.premium-flight-search.flight-search-compact .cabin-popover{
  position:absolute!important;
  z-index:50!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  width:230px!important;
  padding:8px!important;
  border:1px solid #E4E7EC!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(16,24,40,.14)!important;
}

.premium-flight-search.flight-search-compact .cabin-popover[hidden]{
  display:none!important;
}

.premium-flight-search.flight-search-compact .cabin-popover>button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:42px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:left!important;
  cursor:pointer!important;
}

.premium-flight-search.flight-search-compact .cabin-popover>button:hover,
.premium-flight-search.flight-search-compact .cabin-popover>button.is-selected{
  background:#F7F9FB!important;
}

.premium-flight-search.flight-search-compact .cabin-radio{
  position:relative!important;
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  border:1.5px solid #98A2B3!important;
  border-radius:50%!important;
  background:#fff!important;
}

.premium-flight-search.flight-search-compact .cabin-popover>button.is-selected .cabin-radio{
  border-color:#24597A!important;
}

.premium-flight-search.flight-search-compact .cabin-popover>button.is-selected .cabin-radio:after{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  border-radius:50%!important;
  background:#24597A!important;
}

/* In multi-city keep the custom cabin button at the existing compact height. */
@media(min-width:901px){
  .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
  [data-standard-route] .cabin-picker>button[data-cabin-toggle]{
    min-height:58px!important;
  }
}
.date-input-wrap{
    position:relative;
    width:100%;
}

.date-input-wrap input{
    width:100%;
    padding-right:42px !important;
}

.date-calendar-icon{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    line-height:1;
    pointer-events:none;
    opacity:.75;
}

/* ==========================================================
   MULTI CITY — FINAL ACTION ROW
   Routes -> Add flight -> Travellers/Cabin/Search -> Extras
   ========================================================== */

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo{
    display:grid !important;
    grid-template-columns:170px 170px !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    border:1px solid #e5e7eb !important;
    border-radius:10px !important;
    overflow:visible !important;
    margin:12px 0 0 0 !important;
    background:#fff !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .cabin-picker{
    width:100% !important;
    min-width:0 !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker > button,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .cabin-picker > button[data-cabin-toggle]{
    width:100% !important;
    min-height:58px !important;
    height:58px !important;
    padding:7px 14px !important;
    text-align:left !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker > button{
    border-right:1px solid #e5e7eb !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .flight-search-submit{
    display:inline-flex !important;
    width:auto !important;
    min-width:145px !important;
    height:46px !important;
    min-height:46px !important;
    margin:10px 0 0 0 !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Desktop: Traveller/Cabin and Search on one compact row */
@media (min-width:841px){
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked){
        display:grid !important;
        grid-template-columns:auto 1fr !important;
        column-gap:12px !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .journey-types,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > [data-standard-route],
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .multi-city-routes,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-footer,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-form-message{
        grid-column:1 / -1 !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        grid-column:1 !important;
        grid-row:auto !important;
        align-self:start !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        grid-column:2 !important;
        grid-row:auto !important;
        justify-self:start !important;
        align-self:center !important;
    }
}

/* Mobile */
@media (max-width:840px){
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        width:100% !important;
        grid-template-columns:1fr 1fr !important;
        margin-top:10px !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        width:100% !important;
        margin:8px 0 0 0 !important;
    }
}


/* Multi City final action row — desktop right alignment */
@media (min-width:841px){

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        grid-column:1 !important;
        justify-self:end !important;
        margin-left:auto !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        grid-column:2 !important;
        justify-self:start !important;
        margin-right:0 !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked){
        grid-template-columns:1fr auto !important;
    }
}


/* Multi City Traveller/Cabin — complete box fix */
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo{
    border:1px solid #e5e7eb !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#fff !important;
    padding:0 !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .cabin-picker{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker > button,
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .cabin-picker > button[data-cabin-toggle]{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
}

.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .traveller-cabin-combo .traveller-picker{
    border-right:1px solid #e5e7eb !important;
}


/* Multi City — restore compact Traveller/Cabin size */
@media (min-width:841px){

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        grid-template-columns:155px 155px !important;
        width:310px !important;
        min-width:310px !important;
        max-width:310px !important;
        height:58px !important;
        min-height:58px !important;
        margin-top:6px !important;
        justify-self:end !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .traveller-picker > button,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .cabin-picker > button[data-cabin-toggle]{
        height:58px !important;
        min-height:58px !important;
        padding:7px 12px !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        height:46px !important;
        min-height:46px !important;
        min-width:145px !important;
        margin-top:6px !important;
    }
}


/* ==========================================================
   MULTI CITY — FINAL DESKTOP ALIGNMENT
   ========================================================== */

@media (min-width:841px){

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked){
        display:grid !important;
        grid-template-columns:1fr 290px 145px 29px !important;
        column-gap:12px !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .journey-types,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > [data-standard-route],
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .multi-city-routes,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-footer,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-form-message{
        grid-column:1 / -1 !important;
    }

    /* Traveller + Cabin */
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        grid-column:2 !important;
        width:290px !important;
        min-width:290px !important;
        max-width:290px !important;
        height:58px !important;
        min-height:58px !important;
        grid-template-columns:145px 145px !important;

        margin:2px 0 0 0 !important;
        padding:0 !important;

        border:1px solid #e5e7eb !important;
        border-radius:10px !important;
        overflow:hidden !important;
        background:#fff !important;

        justify-self:end !important;
        align-self:center !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .traveller-picker,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .cabin-picker{
        width:100% !important;
        height:58px !important;
        min-height:58px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:#fff !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .traveller-picker{
        border-right:1px solid #e5e7eb !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .traveller-picker > button,
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo .cabin-picker > button[data-cabin-toggle]{
        width:100% !important;
        height:58px !important;
        min-height:58px !important;
        margin:0 !important;
        padding:7px 12px !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:#fff !important;
    }

    /* Search */
    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        grid-column:3 !important;
        width:145px !important;
        min-width:145px !important;
        max-width:145px !important;

        height:46px !important;
        min-height:46px !important;

        margin:2px 0 0 0 !important;

        justify-self:end !important;
        align-self:center !important;
    }
}


/* ==========================================================
   MULTI CITY DATE — CALENDAR ICON
   ========================================================== */

.flight-search-compact
.multi-city-row
.search-control:has([data-date-display]){
    position:relative !important;
}

.flight-search-compact
.multi-city-row
.search-control:has([data-date-display])::after{
    content:"📅";
    position:absolute;
    right:12px;
    bottom:13px;
    font-size:15px;
    line-height:1;
    pointer-events:none;
    opacity:.72;
}

.flight-search-compact
.multi-city-row
[data-date-display]{
    padding-right:34px !important;
}


/* Slightly reduce space before action row */
.flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
> .multi-city-routes{
    margin-bottom:3px !important;
}


/* Multi City — final spacing + date-edge alignment */
@media (min-width:841px){

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .traveller-cabin-combo{
        transform:translate(-24px,-8px) !important;
        margin-top:0 !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .flight-search-submit{
        transform:translate(-24px,-8px) !important;
        margin-top:0 !important;
    }

    .flight-search-compact:has(input[name="trip_type"][value="multi_city"]:checked)
    > .multi-city-routes{
        margin-bottom:0 !important;
    }
}