/* Scoped presentation for the booking search/results page. */
.booking-index .page-hero { padding: 40px 0 36px; }
.booking-index .hero-brand-img { max-height: 100px; width: auto; }
.booking-index .page-hero h1 { font-size: clamp(32px, 5vw, 52px); }
.booking-index .section { padding: 32px 0 64px; }
.booking-search-panel {
  background: #ffc720;
  color: #171717;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 40px;
}
.booking-search-panel h2 { color: #171717; font-size: 26px; margin: 0 0 8px; }
.booking-search-panel > p { color: #343434; margin: 0 0 18px; }
.booking-search-panel > [id^="bookWidget"] { margin: 0 !important; }
.booking-search-panel input:not([type="hidden"]),
.booking-search-panel select { background-color: #fff !important; color: #212529 !important; border-radius: 8px; }
.booking-search-panel button[type="submit"] { background: #212529 !important; color: #fff !important; border-color: #212529 !important; }
.booking-index .booking-room-card { width: 100%; border: 1px solid #dedede; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px #0002; }
.booking-room-card > .col-md-12 { padding-bottom: 16px; line-height: 2; }
.booking-room-card > .col-md-12 > img:not(.small_icon) {
  display: block; width: 100%; height: 230px; object-fit: cover; border-radius: 0 !important;
}
.booking-room-card .card-title { padding: 12px 10px 4px; font-size: 20px; line-height: 1.4; color: #171717; }
.booking-room-card img.small_icon { display: inline-block !important; width: 20px !important; height: 20px !important; margin: 0 4px !important; vertical-align: middle; object-fit: contain; }
.booking-room-card > .col-md-12 > i { display: inline-block; vertical-align: middle; font-size: 18px; }
.booking-room-card .card-body { display: flex; flex-direction: column; padding: 20px; border-top: 1px solid #eee; }
.booking-room-card .card-text { color: #454545; line-height: 1.8; }
.booking-room-card .card-text strong { font-size: 24px; color: #171717; }
.booking-room-card form { margin-top: auto; }
.booking-room-card button { min-height: 46px; border-radius: 8px; font-weight: 600; }
.booking-room-card button .bi { margin-right: 8px; }
.booking-index .container1 .bg-light { color: #212529; padding: 24px; margin-inline: 0; }
@media (max-width: 575px) {
  .booking-search-panel { padding: 16px; }
  .booking-index .page-hero { padding: 28px 0; }
  .booking-room-card > .col-md-12 > img:not(.small_icon) { height: 210px; }
}