/*
|--------------------------------------------------------------------------
| File: assets/safaru-home/css/search.css
| SAFARU Compact Hero Search Foundation
|--------------------------------------------------------------------------
| Additive only: does not alter the approved hero, wheel or home.css rules.
*/
.hero-stay-search{
  position:absolute;
  z-index:18;
  left:50%;
  bottom:74px;
  transform:translateX(-50%);
  width:min(820px,calc(100% - 420px));
  min-width:700px;
}
.hero-stay-search__form{
  display:grid;
  grid-template-columns:1.45fr .95fr .95fr .72fr auto;
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.38);
  border-radius:15px;
  background:rgba(250,247,239,.94);
  box-shadow:0 14px 36px rgba(3,12,20,.24);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hero-stay-search__field{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:9px 13px 8px;
  border-right:1px solid rgba(8,23,39,.12);
  color:#081727;
}
.hero-stay-search__field span{
  margin-bottom:3px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.72;
}
.hero-stay-search__field input,
.hero-stay-search__field select{
  width:100%;
  min-width:0;
  height:22px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#081727;
  font:600 11px/1.2 Arial,sans-serif;
}
.hero-stay-search__field input::placeholder{color:rgba(8,23,39,.56)}
.hero-stay-search__submit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:92px;
  margin:5px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  background:#f6a45f;
  color:#081727;
  cursor:pointer;
  font:800 11px/1 Arial,sans-serif;
  transition:transform .18s ease,background .18s ease;
}
.hero-stay-search__submit:hover{background:#ffb574;transform:translateY(-1px)}
.hero-stay-search__submit b{font-size:15px;font-weight:500}

/* Keep the original bottom-left pager and bottom-right location unobstructed. */
@media (max-width:1350px){
  .hero-stay-search{width:min(720px,62vw);min-width:620px}
}
@media (max-width:1050px){
  .hero-stay-search{width:min(680px,78vw);min-width:0;bottom:78px}
  .hero-stay-search__form{grid-template-columns:1.35fr 1fr 1fr .75fr auto}
}
@media (max-width:760px){
  .hero-stay-search{
    left:20px;
    right:20px;
    bottom:82px;
    width:auto;
    transform:none;
  }
  .hero-stay-search__form{
    display:flex;
    align-items:center;
    padding:5px;
    border-radius:14px;
  }
  .hero-stay-search__field{display:none}
  .hero-stay-search__field--where{
    display:flex;
    flex:1 1 auto;
    border-right:0;
    padding:8px 12px;
  }
  .hero-stay-search__submit{min-height:42px;margin:0;min-width:108px}
}