/* ==========================================================================
   compact-forms.css
   Makes every home search form (Packages, Flights, Tours, Rentals,
   Attractions, Shopping, Experiences, Airport Taxis, More Services)
   match the compact "Stays" form: 42px fields, 12px radius, small labels,
   42px search button, tight 6px gaps.
   Loaded AFTER the runtime-injected <style> tags, so rules use !important
   (needed to beat inline styles like fontSize:17 / width:18 too).
   ========================================================================== */

/* ---------- card shell ---------- */
.search-form-wrap .search-form-card,
.search-form-wrap .rf-card{padding:8px!important;gap:6px!important;border-radius:18px!important}
.search-form-wrap .rf-card{display:flex;flex-direction:column;border:0!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important}

/* ---------- generic field (same as Stays) ---------- */
.search-form-wrap .sf-field{min-height:42px!important;border-radius:12px!important;padding:0 10px!important;gap:8px!important}
.search-form-wrap .sf-ic{width:17px!important;height:17px!important}
.search-form-wrap .sf-ic-lg{width:20px!important;height:20px!important}
.search-form-wrap .sf-txt{line-height:1.25!important}
.search-form-wrap .sf-txt em{font-size:12px !important}
.search-form-wrap .sf-txt b,
.search-form-wrap .txh-val{font-size:13px!important;font-weight:600!important}
.search-form-wrap .sf-chev{width:12px!important;height:12px!important}
.search-form-wrap .sf-search{height:42px!important;border-radius:12px!important;font-size:15px!important}
.search-form-wrap .sf-search .sf-ic{width:17px!important;height:17px!important}

/* selects / text inputs inside fields */
.search-form-wrap .ff-sel{padding:0 8px!important;gap:5px!important}
.search-form-wrap .ff-sel .sf-ic{width:15px!important;height:15px!important}
.search-form-wrap .ff-sel select{font-size:13px!important;font-weight:600!important}
.search-form-wrap .hq-in,
.search-form-wrap .txh-in{font-size:13px!important;font-weight:600!important}
.search-form-wrap .hq-note,
.search-form-wrap .ff-note{font-size:12px !important;line-height:1.3!important;padding:0 2px!important}
.search-form-wrap .hq-err,.search-form-wrap .txh-err,.search-form-wrap .th-err,
.search-form-wrap .ff-err,.search-form-wrap .rf-err{font-size:12px!important;padding:0 2px!important;margin:0!important}
.search-form-wrap .rf-err{padding:6px 8px!important}

/* 2-column rows */
.search-form-wrap .txh-row2,.search-form-wrap .xh-row2,.search-form-wrap .th-row2,.search-form-wrap .rf-grid2{gap:6px!important}
.search-form-wrap .txh-ret{gap:6px!important}

/* ---------- +/- steppers (taxis, experiences, tours) ---------- */
.search-form-wrap .txh-cnt,.search-form-wrap .xh-cnt,.search-form-wrap .th-cnt{gap:4px!important}
.search-form-wrap .txh-cnt button,
.search-form-wrap .xh-cnt button,
.search-form-wrap .th-cnt button{width:26px!important;height:26px!important;border-width:1.5px!important}
.search-form-wrap .txh-cnt svg,.search-form-wrap .xh-cnt svg,.search-form-wrap .th-cnt svg{width:13px!important;height:13px!important}

/* ---------- Airport Taxis: One-way / Return switch ---------- */
.search-form-wrap .txh-seg{padding:3px!important;gap:3px!important;border-radius:12px!important}
.search-form-wrap .txh-seg button{min-height:30px!important;padding:0 18px!important;border-radius:9px!important;font-size:13px!important}

/* ---------- Experiences / Tours: location banner ---------- */
.search-form-wrap .xh-loc,
.search-form-wrap .th-loc{min-height:48px!important;padding:6px 10px!important;gap:8px!important;border-radius:12px!important}
.search-form-wrap .xh-loc .sf-txt b{font-size:14px!important;font-weight:700!important}
.search-form-wrap .xh-desc{font-size:12px !important;line-height:1.2!important}
.search-form-wrap .xh-chg,
.search-form-wrap .th-chg{min-height:26px!important;padding:0 10px!important;font-size:12px!important}
.search-form-wrap .xh-chg svg{width:13px!important;height:13px!important}
.search-form-wrap .xh-field-btn .sf-txt b,
.search-form-wrap .th-loc .sf-txt b{font-size:13px!important;font-weight:600!important}
.search-form-wrap .xh-field-btn .sf-chev{width:12px!important;height:12px!important}

/* dropdown lists (category / location pickers) */
.search-form-wrap .xh-pop,.search-form-wrap .th-pop{border-radius:12px!important}
.search-form-wrap .xh-pop-search{height:38px!important}
.search-form-wrap .xh-pop-search input{font-size:13px!important}
.search-form-wrap .xh-opt{min-height:38px!important;font-size:13px!important;padding:0 12px!important}
.search-form-wrap .th-opt{min-height:40px!important;font-size:13px!important;padding:4px 12px!important}
.search-form-wrap .xh-pop-list{max-height:min(38vh,240px)!important}

/* ---------- Packages ---------- */
.search-form-wrap .pk-dest .sf-txt b{font-size:13.5px!important;font-weight:700!important}
.search-form-wrap .pk-dest{min-height:44px!important}
.search-form-wrap .pk-dates .sf-txt b,
.search-form-wrap .pk-trav .sf-txt b{font-size:13px!important;font-weight:700!important}
.search-form-wrap .pk-lbl{font-size:12px!important;gap:6px!important;margin-top:0!important;line-height:1.2}
.search-form-wrap .pk-lbl .sf-ic{width:14px!important;height:14px!important}
.search-form-wrap .pk-pill{height:28px!important;font-size:12px !important;padding:0 10px!important}
.search-form-wrap .pk-pills{gap:4px!important}
.search-form-wrap .pk-durs{gap:5px!important}
.search-form-wrap .pk-dur{height:34px!important;border-radius:10px!important;font-size:12px !important;line-height:1.1!important}
.search-form-wrap .pk-more{height:32px!important;border-radius:10px!important;font-size:12px!important;padding:0 10px!important}
.search-form-wrap .pk-more .sf-ic{width:14px!important;height:14px!important}
.search-form-wrap .pk-more .sf-chev{width:12px!important;height:12px!important}
.search-form-wrap .pk-pop{padding:2px 10px 8px!important;border-radius:12px!important}
.search-form-wrap .pk-step{padding:6px 0!important}
.search-form-wrap .pk-ctl button{width:26px!important;height:26px!important;font-size:15px!important}
.search-form-wrap .pk-done{height:30px!important;margin-top:6px!important}

/* ---------- Flights ---------- */
.search-form-wrap .ff-pills{gap:5px!important}
.search-form-wrap .ff-pill{height:28px!important;padding:0 10px!important;font-size:12px!important}
.search-form-wrap .ff-route .sf-field{min-height:42px!important}
.search-form-wrap .ff-guests{gap:5px!important}
.search-form-wrap .ff-guests .ff-sel{min-height:42px!important}

/* ---------- Rentals (own rf-* system) ---------- */
.search-form-wrap .rf-field{min-height:42px!important;border-radius:12px!important}
.search-form-wrap .rf-ctl{height:42px!important;min-height:42px!important;font-size:13px!important;padding:17px 20px 2px 32px!important;border-radius:12px!important}
.search-form-wrap .rf-ctl[type=date],.search-form-wrap .rf-ctl[type=time],.search-form-wrap .rf-ctl[type=number]{padding-right:8px!important}
.search-form-wrap .rf-ic{left:9px!important;width:16px!important;height:16px!important}
.search-form-wrap .rf-chev{right:8px!important;width:12px!important;height:12px!important}
.search-form-wrap .rf-lab{left:32px!important;top:5px!important;font-size:12px !important}
.search-form-wrap .rf-btnfield{padding:0 22px 0 32px!important}
.search-form-wrap .rf-btnfield .rf-val{font-size:13px!important;padding-top:10px!important}
.search-form-wrap .rf-go{height:42px!important;border-radius:12px!important;font-size:15px!important}
.search-form-wrap .rf-go svg{width:17px!important;height:17px!important}

/* keep the compact look on tablets/desktop too */
@media(min-width:640px){
  .search-form-wrap .rf-field,.search-form-wrap .rf-ctl{min-height:42px!important;height:auto}
  .search-form-wrap .rf-ctl{height:42px!important}
  .search-form-wrap .rf-card{padding:8px!important;gap:6px!important}
}

/* Packages: Package type + Duration as tap-to-open boxes (list opens in a sheet) */
.search-form-wrap .pk-card{gap:6px!important}
.pk-sel{position:relative;background:#fff;cursor:pointer}
.search-form-wrap .pk-sel{min-height:44px!important}
.pk-sel .sf-txt{flex:1;min-width:0}
.pk-sel .sf-txt b{font-size:13.5px;font-weight:700;color:#0f172a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-form-wrap .pk-sel .sf-txt em{font-size:12px!important}
.search-form-wrap .pk-sel .sf-chev{width:14px!important;height:14px!important;margin-left:auto;color:#0f172a}