/* Shared booking bar: home, hotel directory and discover pages. */
.dazi-booking-bar-consistent .dazi-booking{
  box-sizing:border-box;
  width:100%;
  color:var(--text-main);
}

.dazi-booking-bar-consistent .dazi-booking__field{
  min-width:0;
}

.dazi-booking-bar-consistent .dazi-booking__field label,
.dazi-booking-bar-consistent .dazi-booking__field .dazi-location__label{
  display:block;
  margin:0 0 4px;
  color:var(--sand);
  font-size:11px;
  font-weight:600;
  line-height:1.3;
}

.dazi-booking-bar-consistent .dazi-booking__field input,
.dazi-booking-bar-consistent .dazi-booking__field select,
.dazi-booking-bar-consistent .dazi-location__toggle{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:36px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--text-main);
  font:inherit;
  font-size:15px;
  line-height:36px;
  text-align:left;
}

.dazi-booking-bar-consistent .dazi-booking__field input,
.dazi-booking-bar-consistent .dazi-booking__field select{
  color-scheme:light;
}

.dazi-booking-bar-consistent .dazi-booking__submit{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border:0;
  border-radius:28px;
  background:var(--sand);
  color:var(--paper);
  font:inherit;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:background-color 180ms ease-out,transform 180ms ease-out;
}

.dazi-booking-bar-consistent .dazi-booking__submit:hover{
  background:var(--clay);
  transform:translateY(-1px);
}

.dazi-booking-bar-consistent .dazi-booking__submit:focus-visible{
  outline:2px solid var(--clay);
  outline-offset:3px;
}

@media(min-width:768px){
  .dazi-booking-bar-consistent .dazi-booking{
    display:grid;
    grid-template-columns:1.3fr repeat(2,minmax(0,1fr)) .9fr 180px;
    align-items:center;
    gap:0;
    padding:7px 14px;
    border:1px solid var(--line);
    border-top:2px solid var(--sand);
    border-radius:48px;
    background:var(--paper);
    box-shadow:0 18px 36px var(--shadow);
  }

  .dazi-booking-bar-consistent .dazi-booking__field{
    padding:4px 18px;
    border-right:1px solid var(--line);
  }

  .dazi-booking-bar-consistent .dazi-booking__field:first-child{
    padding-left:8px;
  }

  .dazi-booking-bar-consistent .dazi-booking__submit{
    margin-left:14px;
  }
}

@media(max-width:767px){
  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-hero__booking{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1.12fr) minmax(0,.9fr) 54px;
    gap:0;
    padding:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-top:2px solid var(--sand);
    border-radius:8px;
    background:var(--paper);
    box-shadow:0 12px 28px var(--shadow);
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field{
    min-height:58px;
    padding:8px 10px;
    border-right:1px solid var(--line);
    background:var(--paper);
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field:first-child{
    grid-column:1/-1;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field:nth-child(4){
    border-right:0;
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field label,
  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field .dazi-location__label{
    margin-bottom:2px;
    font-size:10px;
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field input,
  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__field select,
  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-location__toggle{
    height:30px;
    font-size:13px;
    line-height:30px;
  }

  .dazi-hotels-page.dazi-booking-bar-consistent .dazi-booking__submit{
    align-self:center;
    justify-self:center;
    width:48px;
    min-height:48px;
    padding:0;
    border-radius:50%;
    background-image:url("search.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:23px;
    font-size:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .dazi-booking-bar-consistent .dazi-booking__submit{
    transition:none;
  }
}