/* Hotel room selection: Trendy Holiday brand palette. */
.bc_wrap .bc_detail_hotel .hotel_rooms_form {
    --room-ink: #143640;
    --room-muted: #5b7079;
    --room-accent: #087f8c;
    --room-border: #dbe7e9;
    color: var(--room-ink);
}
.bc_detail_hotel .hotel_rooms_form .heading-section { margin: 32px 0 18px; font-size: 24px; font-weight: 600; color: var(--room-ink); }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .nav-enquiry { display: flex; gap: 6px; padding: 5px; margin-bottom: 14px; border: 1px solid var(--room-border); border-radius: 10px; background: #eef5f5; }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item { flex: 1; padding: 10px 14px; border: 0; border-radius: 7px; color: var(--room-muted); font-size: 13px; text-align: center; }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item.active { color: #066875; background: #fff; box-shadow: 0 2px 6px rgba(20,54,64,.06); font-weight: 600; }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item span { border: 0; color: inherit; }
.bc_detail_hotel .hotel_rooms_form .form-search-rooms { border: 1px solid var(--room-border); border-bottom: 1px solid var(--room-border); border-radius: 14px; background: #fff; padding: 8px; box-shadow: 0 4px 18px rgba(20,54,64,.04); margin-bottom: 24px; }
.bc_detail_hotel .hotel_rooms_form .form-search-row > div { border-color: var(--room-border); }
.bc_detail_hotel .hotel_rooms_form .form-search-row .form-content { padding: 12px 14px; }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .form-label { font-size: 12px; color: var(--room-muted); }
.bc_wrap .bc_detail_hotel .hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .render { color: var(--room-ink); font-size: 14px; font-weight: 500; line-height: 1.5; }
.bc_detail_hotel .hotel_rooms_form .form-search-row .arrow { color: var(--room-accent); right: 14px; }
.bc_detail_hotel .hotel_rooms_form .form-search-row .col-btn { padding: 4px 8px; border-right: 0; }
.bc_detail_hotel .hotel_rooms_form .form-search-row .g-button-submit .btn { border-radius: 10px; margin: 0; font-size: 13px; text-transform: none; font-weight: 600; }
.bc_detail_hotel .hotel_rooms_form .btn-primary { background: var(--room-accent); border-color: var(--room-accent); color: #fff; box-shadow: 0 4px 12px rgba(8,127,140,.12); }
.bc_detail_hotel .hotel_rooms_form .btn-primary:hover { background: #066875; border-color: #066875; }
.bc_detail_hotel .hotel_rooms_form .btn-primary:focus-visible,
.bc_detail_hotel .hotel_rooms_form select:focus-visible { outline: 3px solid #087f8c; outline-offset: 3px; box-shadow: none; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms { border: 0; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item { margin: 0 0 16px; padding: 16px; border: 1px solid var(--room-border); border-radius: 14px; background: #fff; box-shadow: 0 3px 12px rgba(20,54,64,.03); }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item:last-child { border: 1px solid var(--room-border); }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item.is-selected { border-color: var(--room-accent); background: #f2faf9; box-shadow: inset 4px 0 0 var(--room-accent), 0 3px 12px rgba(20,54,64,.04); }
.bc_detail_hotel .hotel_rooms_form .room-item > .row { display: grid; grid-template-columns: 170px minmax(0,1fr) 170px; gap: 18px; margin: 0; }
.bc_detail_hotel .hotel_rooms_form .room-item > .row > [class*="col-"] { width: 100%; max-width: none; padding: 0; min-width: 0; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .image { height: 142px; border-radius: 10px; background: #eaf2f3; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .count-gallery { bottom: 8px; right: 8px; padding: 3px 7px; border-radius: 5px; background: rgba(20,54,64,.85); opacity: 1; font-size: 11px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info { padding: 2px 0; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-name { margin: 0 0 10px; font-size: 17px; line-height: 1.45; font-weight: 600; color: var(--room-ink); overflow-wrap: anywhere; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-description { color: var(--room-muted); font-size: 13px; line-height: 1.6; margin-bottom: 12px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-meta { flex-wrap: wrap; gap: 8px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-meta li { padding: 0; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-meta .item { display: flex; align-items: center; gap: 5px; color: var(--room-muted); }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-meta .item .field-icon { width: 30px; height: 30px; padding: 4px; font-size: 17px; color: var(--room-accent); border: 0; background: #e7f3f2; border-radius: 6px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-meta .item span { margin: 0; font-size: 12px; }
.bc_detail_hotel .hotel_rooms_form .room-attribute-item ul { padding: 0; margin: 10px 0 0; }
.bc_detail_hotel .hotel_rooms_form .room-attribute-item ul li i { color: var(--room-accent); border-color: var(--room-border); background: #f4f8f9; border-radius: 6px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price { height: 100%; padding: 2px 0 2px 16px; border-left: 1px solid var(--room-border); display: flex; flex-direction: column; gap: 12px; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price .text-center { display: block; text-align: right !important; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price .price { margin: 0; color: var(--room-ink); font-size: 19px; line-height: 1.5; font-weight: 600; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price .price small { font-size: 12px; color: var(--room-muted); font-weight: 400; }
.bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .custom-select { position: static; width: 100%; max-width: none; min-height: 44px; border: 1px solid #c9dadd; border-radius: 8px; color: var(--room-ink); background-color: #fff; font-size: 13px; }
.bc_detail_hotel .hotel_rooms_form .room-item.is-selected .custom-select { border-color: var(--room-accent); color: #066875; font-weight: 600; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status { border: 1px solid #c5dfe1; border-top: 3px solid var(--room-accent); border-radius: 14px; background: #fff; padding: 16px 20px; margin-top: 20px; box-shadow: 0 -4px 22px rgba(20,54,64,.1); color: var(--room-ink); }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status.sticky { z-index: 90; bottom: 12px; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .row_total_price > div { min-height: auto; border-color: var(--room-border); }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .extra-price-wrap { font-size: 13px; line-height: 1.7; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status label { color: var(--room-muted); }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .total-room-price { color: #066875; font-size: 26px; font-weight: 600; line-height: 1.35; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .total-room-price span { color: var(--room-muted); font-size: 12px; font-weight: 400; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .control-book { display: flex; align-items: flex-end; flex-direction: column; gap: 8px; }
.bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .control-book .btn { min-width: 160px; min-height: 44px; padding: 10px 20px; font-size: 14px; font-weight: 600; }
@media (max-width: 991px) and (min-width: 768px) {
    .bc_detail_hotel .hotel_rooms_form .room-item > .row { grid-template-columns: 150px minmax(0,1fr) 150px; gap: 14px; }
}
@media (max-width: 767px) {
    .bc_detail_hotel .hotel_rooms_form .heading-section { font-size: 21px; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row { flex-wrap: wrap; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row > div { flex: 0 0 50%; max-width: 50%; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row > div:nth-child(2) { border-right: 0; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row .col-btn { flex: 0 0 100%; max-width: 100%; padding-top: 8px; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row .form-content { padding: 8px 4px; }
    .bc_detail_hotel .hotel_rooms_form .form-search-row .arrow { display: none; }
    .bc_wrap .bc_detail_hotel .hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .render { font-size: 12px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item { padding: 12px; }
    .bc_detail_hotel .hotel_rooms_form .room-item > .row { grid-template-columns: 96px minmax(0,1fr); gap: 12px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .image { height: 108px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-name { font-size: 15px; margin-bottom: 6px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .room-description { font-size: 12px; margin-bottom: 8px; }
    .bc_detail_hotel .hotel_rooms_form .room-item > .row > div:nth-child(3) { grid-column: 1 / -1; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; border-left: 0; border-top: 1px solid var(--room-border); padding: 12px 0 0; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .custom-select { width: 148px; flex-shrink: 0; }
    .bc_detail_hotel .hotel_rooms_form .hotel_list_rooms .room-item .col-price .text-center { text-align: left !important; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status { padding: 12px; border-radius: 12px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status.sticky { bottom: 8px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .row_total_price > div { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 10px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .extra-price-wrap { font-size: 11px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .is_mobile { display: none !important; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .control-book .total-room-price { display: block; font-size: 22px; text-align: right; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .total-room-price span { display: block; font-size: 11px; }
    .bc_detail_hotel .hotel_rooms_form .hotel_room_book_status .control-book .btn { width: 100%; min-width: 0; font-size: 12px; padding: 10px; }
}