.hotel-content-area .list-gallery-media-images>li{float:left;padding:3px;position:relative;width:15%}.dates-calendar .fc-event{border:none}.dates-calendar .fc-event .fc-event-main-frame{text-align:center}.dates-calendar .fc-event .fc-event-title{border-radius:2px;color:#fff;display:inline-block;padding:1px 5px}

/* Tour Dates Swiper Styles */
.tour-dates-swiper-container {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 200px;
    margin-left: 5px;
    vertical-align: top;
}

.tour-dates-swiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tour-dates-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
    height: auto;
}

.tour-dates-swiper .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
    margin-right: 8px;
    height: auto;
}

.tour-dates-swiper .swiper-slide .departure {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    white-space: nowrap;
    color: #495057;
    font-weight: 500;
    display: inline-block;
}

.tour-dates-next,
.tour-dates-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    color: #666;
    transition: all 0.3s ease;
}

.tour-dates-next:hover,
.tour-dates-prev:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #333;
}

.tour-dates-next {
    right: -8px;
}

.tour-dates-prev {
    left: -8px;
}

.tour-dates-next:after {
    content: '›';
    font-weight: bold;
}

.tour-dates-prev:after {
    content: '‹';
    font-weight: bold;
}

/* Ensure the list item stays on one line */
li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

li .tour-dates-swiper-container {
    flex-shrink: 0;
}

/* Tour Dates Swiper Styles for Tour List Page */
.tour-dates-swiper-container-list {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 350px; /* Tăng từ 150px lên 250px để hiển thị nhiều items hơn */
    overflow: hidden;
}

.tour-dates-swiper-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tour-dates-swiper-list .swiper-wrapper {
    display: flex;
    align-items: center;
    height: auto;
}

.tour-dates-swiper-list .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    margin-right: 4px;
    height: auto !important;
    display: inline-block !important;
    position: relative;
    min-width: auto !important;
    max-width: none !important;
}

/* Override all Swiper default styles that force width */
.tour-dates-swiper-list.swiper .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
}

.tour-dates-swiper-list .swiper-slide .badge {
    /*white-space: nowrap;*/
    /*display: inline-block;*/
    /*font-size: 11px;*/
    /*padding: 2px 6px;*/
    /*margin: 0;*/
    /*width: auto;*/
    /*min-width: auto;*/
    /*max-width: none;*/
}

.tour-dates-next-list,
.tour-dates-prev-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    color: #666;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.tour-dates-next-list:hover,
.tour-dates-prev-list:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #333;
    transform: translateY(-50%) scale(1.1);
}

.tour-dates-next-list {
    right: -7px;
}

.tour-dates-prev-list {
    left: -7px;
}

.tour-dates-next-list:after {
    content: '›';
    font-weight: bold;
    font-size: 10px;
}

.tour-dates-prev-list:after {
    content: '‹';
    font-weight: bold;
    font-size: 10px;
}