/* Extend the home hotel card design to search, map results and details. */
.bc_wrap .hotel-search-page > .container,
.bc_wrap .hotel-search-page .bc_banner > .container,
.bc_wrap .hotel-search-page .bc_form_search > .container { width:100%; margin-left:auto; margin-right:auto; }
.bc_wrap .hotel-search-page .bc-pagination { margin-top:12px; padding-bottom:12px; }
.bc_wrap .hotel-search-page .bc-pagination .pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; padding:0; margin:0 0 14px; }
.bc_wrap .hotel-search-page .bc-pagination .pagination li { width:auto; height:auto; margin:0; flex:0 0 auto; }
.bc_wrap .hotel-search-page .bc-pagination .pagination li a,
.bc_wrap .hotel-search-page .bc-pagination .pagination li span { display:flex; align-items:center; justify-content:center; width:auto; min-width:44px; min-height:44px; height:auto; padding:8px 12px; line-height:1.4; border-radius:9px; border:1px solid #e3e9f1; background:#fff; white-space:nowrap; }
.bc_wrap .hotel-search-page .bc-pagination .pagination li.active span,
.bc_wrap .hotel-search-page .bc-pagination .pagination li.active a { background:#2868d8; border-color:#2868d8; color:#fff; }
.bc_wrap .hotel-search-page .bc-pagination .count-string { display:block; text-align:center; color:#65748a; }
.bc_wrap .hotel-search-page .bc_banner { background-color:#172b4d; }
.bc_wrap .hotel-search-page .bc_filter,
.bc_wrap .hotel-search-page .topbar-search { border-color:#e3e9f1; border-radius:16px; box-shadow:0 4px 16px #172b4d0a; }
.bc_wrap .hotel-search-page .btn-search { background:#2868d8; border-color:#2868d8; }
.bc_wrap .hotel-search-page .topbar-search .result-count { color:#172b4d; }
.bc_wrap .hotel-result-card { margin-bottom:24px; height:calc(100% - 24px); }
.hotel-result-card .hotel-selection-name { min-height:0; font-size:18px; line-height:1.5; overflow-wrap:anywhere; }
.hotel-result-card .hotel-selection-location { font-size:13px; }
.hotel-result-card .hotel-selection-review { font-size:12px; }
.hotel-result-card .hotel-selection-footer { gap:12px; }
.hotel-result-card .hotel-selection-image { min-height:180px; }
.hotel-result-attributes { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; color:#65748a; font-size:12px; }
.hotel-result-attributes .item { padding:3px 7px; border-radius:5px; background:#f5f7fb; }
.hotel-result-list { flex-direction:row; }
.hotel-result-list .hotel-selection-image { width:32%; aspect-ratio:auto; }
.hotel-result-list .hotel-selection-body { min-width:0; padding:22px; }
.hotel-result-list .hotel-selection-footer { flex-direction:row; justify-content:space-between; align-items:center; }
.hotel-result-card a:focus-visible, .hotel-result-card button:focus-visible { outline:3px solid #2868d8; outline-offset:-3px; }
.bc_wrap .bc_detail_hotel { background:#f5f7fb; }
.bc_wrap .bc_detail_hotel .bc_content { padding-top:32px; }
.bc_wrap .bc_detail_hotel .g-overview,
.bc_wrap .bc_detail_hotel .g-hotel-rooms,
.bc_wrap .bc_detail_hotel .g-all-attribute,
.bc_wrap .bc_detail_hotel .bc-form-book,
.bc_wrap .bc_detail_hotel .bc-list-hotel-related { padding:24px; border:1px solid #e3e9f1; border-radius:16px; background:#fff; margin-bottom:24px; }
.bc_wrap .bc_detail_hotel h1, .bc_wrap .bc_detail_hotel h2, .bc_wrap .bc_detail_hotel h3 { color:#172b4d; }
.bc_wrap .bc_detail_hotel .btn { border-radius:9px; min-height:44px; }
.bc_wrap .bc_detail_hotel .form-control { border-radius:9px; min-height:44px; }
@media(max-width:767px) {
 .hotel-result-list { flex-direction:column; }
 .hotel-result-list .hotel-selection-image { width:100%; aspect-ratio:4/3; }
 .hotel-result-list .hotel-selection-body { padding:18px; }
 .hotel-result-list .hotel-selection-footer { flex-direction:column; align-items:stretch; }
 .bc_wrap .bc_detail_hotel .g-overview, .bc_wrap .bc_detail_hotel .g-hotel-rooms, .bc_wrap .bc_detail_hotel .g-all-attribute, .bc_wrap .bc_detail_hotel .bc-form-book { padding:18px; }
}