/* DIDITRIP HOTEL BOOKING BOXES V2 */

@media (max-width:1024px) {

  .hotel-detail-page #bookingBar.booking-strip {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto auto auto!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    padding:12px!important;
    border:1px solid #dce7ee!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }

  .hotel-detail-page #bookingBar > .booking-field {
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid #dce7ee!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  .hotel-detail-page #bookingBar > .booking-field:nth-child(1) {
    grid-column:1!important;
    grid-row:1!important;
  }

  .hotel-detail-page #bookingBar > .booking-field:nth-child(2) {
    grid-column:2!important;
    grid-row:1!important;
  }

  .hotel-detail-page #bookingBar > .booking-field:nth-child(3) {
    grid-column:1!important;
    grid-row:2!important;
  }

  .hotel-detail-page #bookingBar > .booking-price {
    grid-column:2!important;
    grid-row:2!important;
  }

  .hotel-detail-page #bookingBar > .primary-btn {
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important;
    margin:0!important;
  }
}

@media (max-width:380px) {
  .hotel-detail-page #bookingBar.booking-strip {
    gap:8px!important;
    padding:8px!important;
  }

  .hotel-detail-page #bookingBar > .booking-field {
    padding:10px 8px!important;
  }
}

/* Empty customer review carousel */
#reviews.review-editorial .review-cards:empty {
  display:none!important;
  overflow:hidden!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

#reviews.review-editorial
.reviews-layout:has(> .review-cards:empty) {
  display:block!important;
  grid-template-columns:1fr!important;
}

#reviews.review-editorial
.reviews-layout:has(> .review-cards:empty)
> .rating-panel {
  max-width:260px!important;
  width:100%!important;
}

#reviews.review-editorial:has(.review-cards:empty)
.section-title a {
  display:none!important;
}