/* BHROMI Holiday Packages search form - roomy, aligned, consistent (v1)
   Cause of the crowding: home-redesign.css forces gap:0 on every .search-form-card, so the 5 packages
   fields touched each other, the destination had no box and text sizes/colours differed. Scoped to .pk-card. */
.search-form-card.pk-card,
.is-home .search-form-wrap>.search-form-card.pk-card{gap:10px!important;padding:14px 14px 14px!important}
.is-home .search-form-card.pk-card>*{margin:0!important}

/* every field = same box */
body .search-form-card.pk-card .sf-field{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;
  height:58px!important;min-height:58px!important;padding:0 14px!important;
  border:1px solid #dfe6f2!important;border-radius:14px!important;background:#f7f9fe!important;color:#10163f!important;
  position:relative;overflow:hidden;
}
body .search-form-card.pk-card .sf-field:active{background:#eef3fd!important}
/* the destination is boxed like the rest, just a touch stronger */
body .search-form-card.pk-card .sf-dest{background:#fff!important;border-color:#cfd9ec!important;height:60px!important;padding:0 14px!important}

/* icons: one size, one slot, so all text starts on the same x */
body .search-form-card.pk-card .sf-ic{width:22px!important;height:22px!important;margin:0!important;color:#1d4ed8!important;flex:none}
body .search-form-card.pk-card .sf-dest .sf-ic-lg{width:22px!important;height:22px!important;margin:0!important}

/* text: small grey label, bold dark value */
body .search-form-card.pk-card .sf-txt{flex:1!important;min-width:0;padding:0!important;margin:0!important;gap:3px;line-height:1.2!important}
body .search-form-card.pk-card .sf-txt em{font-size:11.5px!important;line-height:14px!important;font-weight:500!important;color:#6b7a99!important;margin:0!important}
body .search-form-card.pk-card .sf-txt b,
body .search-form-card.pk-card .sf-dest .sf-txt b,
body .search-form-card.pk-card .pk-dates .sf-txt b,
body .search-form-card.pk-card .pk-trav .sf-txt b,
body .search-form-card.pk-card .pk-sel .sf-txt b{font-size:15px!important;line-height:19px!important;font-weight:700!important;color:#10163f!important;margin:0!important}
body .search-form-card.pk-card .sf-chev{width:16px!important;height:16px!important;margin:0 0 0 auto!important;color:#7f8db0!important;flex:none}

/* dates + travellers side by side, equal height; stack the traveller count nicely */
body .search-form-card.pk-card .pk-row{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:10px!important}
body .search-form-card.pk-card .pk-row .sf-field{padding:0 12px!important;gap:10px!important}
body .search-form-card.pk-card .pk-row .sf-ic{width:20px!important;height:20px!important}
body .search-form-card.pk-card .pk-row .sf-chev{display:none!important}

/* traveller popover sits in the flow with space around it */
body .search-form-card.pk-card .pk-pop{margin:0!important;padding:6px 14px 12px!important;border-radius:14px!important}
body .search-form-card.pk-card .pk-step{padding:10px 0!important}
body .search-form-card.pk-card .pk-step b{font-size:14px!important}
body .search-form-card.pk-card .pk-ctl button{width:32px!important;height:32px!important;font-size:17px!important}
body .search-form-card.pk-card .pk-done{height:38px!important;margin-top:10px!important;border-radius:12px!important}

/* search button: full width of the fields, a little air above */
body .search-form-card.pk-card .sf-search{
  box-sizing:border-box!important;width:100%!important;height:52px!important;margin:4px 0 0!important;border-radius:16px!important;
  font-size:16px!important;font-weight:700!important;gap:10px!important;
}
body .search-form-card.pk-card .ff-err{margin:0!important;font-size:13px}

@media (max-width:360px){
  body .search-form-card.pk-card .pk-row{grid-template-columns:1fr!important}
}
body .search-form-card.pk-card .sf-search .sf-ic{color:#fff!important;width:21px!important;height:21px!important}
body .search-form-card.pk-card .pk-row .sf-field{padding:0 14px!important}