.ttbm_hotel_lists_wrapper.list-view .ttbm_hotel_lists_card {
display: flex;
flex-direction: column;
}
.ttbm_hotel_lists_wrapper.list-view .ttbm_hotel_location_lists_card {
display: flex;
flex-direction: column;
}
.ttbm_hotel_lists_wrapper.list-view .ttbm_hotel_lists_popular_card {
display: flex;
flex-direction: column;
}
.ttbm_hotel_lists_wrapper.list-view .ttbm_hotel_lists_card_content{
display: flex;
flex-direction: row;
padding: 7px;
}
.ttbm_hotel_lists_wrapper.grid-view  .ttbm_hotel_lists_card_content{
display: block;
}
.ttbm_hotel_inline_booking{
padding: 7px;
}
.ttbm_hotel_inline_booking .booking_form_wrapper h5{
margin:0;
margin-bottom:8px;
}
.ttbm_hotel_inline_booking .ttbm_widget_content{
padding: 0;
}
.mp_tour_ticket_type{
border: 1px solid var(--color_border)  ;
border-radius: 5px;
background-color: #fff;
margin-bottom: 10px;
}
.mp_tour_ticket_item{
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
padding: 10px;
border-bottom: 1px solid #ddd;
}
.mp_tour_ticket_type .mp_tour_ticket_item:last-child {
border: none !important;
}
.ttbm-hotel-room-info h6{
margin: 0;
margin-bottom: 3px;
font-size: 15px;
}
.ttbm-hotel-room-info .seat-count{
background-color: #f3f3f3;
color: #666;
padding: 0 8px;
border-radius:50px;
font-size: 14px;
} .ttbm_hotel_lists_wrapper.grid-view {
display: grid; gap: 20px;
}
.ttbm_hotel_lists_wrapper.grid-view .ttbm_hotel_lists_card {
display: block;
}
.ttbm_hotel_lists_wrapper.grid-view .ttbm_hotel_location_lists_card {
display: block;
}
.ttbm_hotel_lists_wrapper.grid-view .ttbm_hotel_lists_popular_card {
display: block;
}
.ttbm_hotel_lists_wrapper.grid-view .ttbm_hotel_lists_image {
width: 100%;
height: 180px;
}
.ttbm_hotel_lists_wrapper.grid-view .ttbm_hotel_lists_content {
padding: 12px;
}
.ttbm_hotel_lists_card {
display: flex;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
font-family: Arial, sans-serif;
margin: 10px 0;
background: #fff;
}
.ttbm_hotel_location_lists_card {
display: flex;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
font-family: Arial, sans-serif;
margin: 10px 0;
background: #fff;
}
.ttbm_hotel_lists_popular_card {
display: flex;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
font-family: Arial, sans-serif;
margin: 10px 0;
background: #fff;
}
.ttbm_hotel_lists_wrapper.grid-view {
display: grid;
gap: 20px;
}
.ttbm-grid-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.ttbm-grid-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.ttbm-grid-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.ttbm-grid-columns-1 {
grid-template-columns: repeat(1, 1fr);
}
.ttbm_hotel_lists_image {
position: relative;
flex: 0 0 240px;
height: 196px;
overflow: hidden;
}
.ttbm_hotel_lists_image img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.ttbm_hotel_lists_wishlist {
position: absolute;
top: 8px;
right: 8px;
border: none;
background: #fff;
border-radius: 50%;
padding: 6px 10px;
cursor: pointer;
font-size: 16px;
}
.ttbm_hotel_lists_content {
flex: 1;
padding: 12px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ttbm_hotel_lists_header {
display: flex;
justify-content: space-between;
align-items: center;
}
.ttbm_hotel_lists_header .ttbm_hotel_lists_title {
font-size: 18px;
font-weight: bold;
color: #0056b3;
margin: 0;
}
.ttbm_hotel_lists_rating_box {
text-align: right;
}
.ttbm_hotel_lists_rating_text {
display: block;
font-size: 14px;
color: #333;
}
.ttbm_hotel_lists_rating {
display: inline-block;
margin-top: 4px;
background: #003580;
color: #fff;
font-weight: bold;
border-radius: 4px;
padding: 4px 8px;
font-size: 14px;
}
.ttbm_location_separator{
color: #555;
}
.ttbm_hotel_lists_location {
font-size: 14px;
margin: 6px 0;
color: #555;
}
.ttbm_hotel_lists_location a {
color: #0056b3;
text-decoration: none;
}
.ttbm_hotel_lists_offer {
position: relative;
margin: 10px 0;
}
.ttbm_hotel_lists_offer_badge {
background: #28a745;
color: #fff;
padding: 3px 8px;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
}
.ttbm_hotel_lists_offer_tooltip {
display: none;
position: absolute;
top: 28px;
left: 0;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
padding: 10px;
border-radius: 6px;
width: 260px;
font-size: 13px;
z-index: 10;
}
.ttbm_hotel_lists_offer:hover .ttbm_hotel_lists_offer_tooltip {
display: block;
}
.ttbm_hotel_lists_footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: auto;
}
.ttbm_hotel_lists_price_box {
display: flex;
flex-direction: column;
}
.ttbm_hotel_lists_nights {
font-size: 13px;
color: #444;
}
.ttbm_hotel_lists_price {
font-size: 18px;
font-weight: normal;
color: #444444;
}
.ttbm_hotel_lists_note {
font-size: 10px;
color: #888;
}
.ttbm_hotel_lists_button {
background: #0071c2;
color: #fff !important;
padding: 10px 7px;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
font-size: 12px;
}
.ttbm_hotel_lists_button:hover {
background: #005b99;
color: #fff;
}
.ttbm_hotel_lists_room_description {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #555;
} .ttbm_hotel_price_slider {
width: 100%;
font-family: Arial, sans-serif;
text-align: left;
}
.ttbm_hotel_taxonomy_top{
margin-top: 1px;
}
.ttbm_slider_inputs {
position: relative;
height: 40px;
}
.ttbm_slider_inputs input[type=range] {
position: absolute;
left: 0;
top: 15px;
width: 100%;
-webkit-appearance: none;
background: none;
pointer-events: none;
border: unset !important;
}
.ttbm_slider_inputs input[type=range]::-webkit-slider-thumb {
pointer-events: auto;
-webkit-appearance: none;
height: 18px;
width: 18px;
border-radius: 50%;
background: #0073aa;
border: 2px solid #fff;
cursor: pointer;
border: unset !important;
}
.ttbm_hotel_slider_track {
position: relative;
top: 37px;
left: 0;
right: 0;
height: 5px;
background: #ddd;
border-radius: 5px;
}
.ttbm_hotel_slider_track::before {
content: '';
position: absolute;
top: 0;
height: 100%;
background: #0073aa;
border-radius: 5px;
left: 0;
right: 0;
}
.ttbm_hotel_load_more_btn{
display: block;
width: 100%;
padding: 10px !important;
font-size: 16px;
} .ttbm_hotel_search_wrapper {
display: flex;
justify-content: center;
margin: 40px 0;
}
.ttbm_hotel_search_box {
display: flex;
align-items: center;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
padding: 30px 20px;
gap: 10px;
flex-wrap: wrap; width: 100%;
}
.ttbm_hotel_search_field {
display: flex;
align-items: center;
background: #f9f9f9;
border-radius: 30px;
padding: 10px 15px;
flex: 1;
min-width: 200px;
transition: background 0.3s ease;
}
.ttbm_hotel_search_field:hover {
background: #f1f1f1;
}
.ttbm_hotel_search_icon {
font-size: 18px;
margin-right: 8px;
color: #444;
}
.ttbm_hotel_search_input,
.ttbm_date_input {
border: none;
outline: none;
background: transparent;
font-size: 15px;
width: 100%;
color: #333;
}
.ttbm_hotel_search_btn {
background: #0071c2;
border: none;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 12px 30px;
border-radius: 30px;
cursor: pointer;
transition: background 0.3s ease;
}
.ttbm_hotel_search_btn:hover {
background: #005fa3;
}
.ttbm_location_wrapper { position: relative; }
.ttbm_location_dropdown {
position: absolute;
top: 50px;
left: 0;
width: 100%;
background: #fff;
border: 1px solid #ddd;
max-height: 200px;
overflow-y: auto;
list-style: none;
margin: 0;
padding: 0;
z-index: 99;
border-radius: 10px;
}
.ttbm_location_dropdown li {
padding: 8px 12px;
cursor: pointer;
}
.ttbm_location_dropdown li:hover {
background: #f0f0f0;
}
.ttbm_available_room{
display: inline-block;
font-weight: 600;
font-size: 13px;
padding: 6px 10px;
border-radius: 999px;
background: linear-gradient(135deg,#1db954,#1aa34a);
color: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,.12);
line-height: 1;
min-width: 36px;
text-align: center;
}
.ttbm_see_available_hotel{
cursor: pointer;
}
.ttbm_hotel_book_cancel_btn{
display: flex;
gap: 10px;
}
@media(max-width: 768px){
.ttbm_hotel_lists_wrapper.grid-view{
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media(max-width: 480px){
.ttbm_hotel_lists_wrapper.grid-view{
grid-template-columns: repeat(1, 1fr) !important;
}
}