/* ===== Room List ===== */

.dt-rooms-list .dt-sc-room-item .dt-sc-content-elements-group { display: grid; }
.dt-rooms-list .dt-sc-room-item .dt-sc-content-elements-group .dt-sc-room-list-image,
.dt-rooms-list .dt-sc-room-item .dt-sc-content-elements-group .dt-sc-room-price-item { grid-area: 1/-1;  }

.dt-rooms-list .dt-sc-room-item .dt-sc-content-elements-group .dt-sc-room-list-image img { width: 100%; height: 100%;
    aspect-ratio: 12/9; object-fit: cover; object-position: center center; }

.dt-rooms-list .dt-sc-room-item .dt-sc-content-elements-group .dt-sc-room-price-item { place-self: end; padding: 10px 20px; line-height: normal;
    margin: 12px; background: var(--wdt_Booking_PrimaryColor); color: var(--wdt_Booking_AccentTxtColor); font-family: var(--wdtFontTypo_Alt); 
    font-weight: var(--wdtFontWeight_Alt, 600); font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem); /* Min-18 & Max-20 */ }


/* ===== Room Type - I ===== */

.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type1) + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination:has( > div.dt-swiper-pagination:empty) { display: none; margin: 0; }
.dt-rooms-item-holder.dt-carousel-holder .dt-sc-room-item.type1.swiper-slide:not(.swiper-slide-visible) { opacity: 1; visibility: visible; }
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type1) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination { margin: 0; position: absolute; top: -120px; right: 0; }

@media (max-width:1280px) { 
    .dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type1) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination { top: -100px; }
}
@media (max-width:767px) { 
    .dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type1) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination { margin: 40px 0 0 0; justify-content: center; position: relative; top: auto; right: auto; }
}


/* ===== Room Type - II ===== */
/* .dt-rooms-list .dt-sc-room-item.type2 { padding: 0; } */
.dt-sc-room-item.type2 .dt-sc-content-item { display: grid; align-items: end; -webkit-transition: var(--wdtBaseTransition);  padding: clamp(0.625rem, 0.4172rem + 0.694vw, 1.25rem);/*20-10*/ justify-items: center;
	transition: var(--wdtBaseTransition); }
.dt-sc-room-item.type2 .dt-sc-content-item > div { grid-area: 1/-1; }
.dt-sc-room-item.type2 .dt-sc-content-item .room-details { padding: clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5625rem); /* Min-20 & Max-25 */ z-index: 1; transition: var(--wdtBaseTransition); background-color: var(--wdtAccentTxtColor);}
.dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details { background-color: var(--wdtLinkHoverColor);}
.dt-sc-room-item.type2 .dt-sc-content-item > .dt-sc-content-media-group{margin: calc(-1 * clamp(0.625rem, 0.4172rem + 0.694vw, 1.25rem));}
.dt-sc-room-item.type2 .dt-sc-content-item .dt-sc-content-media-group .dt-sc-room-list-image img{min-height: clamp(25rem, 22.2992rem + 9.0215vw, 33.125rem);/*530-400*/}
.dt-sc-room-item.type2 .dt-sc-content-item:hover .dt-sc-content-detail-group .dt-sc-room-title a { color: var(--wdtAccentTxtColor); }
.dt-sc-room-item.type2 .dt-sc-content-item:hover .dt-sc-content-detail-group .dt-sc-room-title a:hover { color: rgba(var(--wdtAccentTxtColorRgb), 0.8); }
.dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-sq-fit:before,
.dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-guests:before,
.dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-beds:before {color: var(--wdtAccentTxtColor);}
.dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] span { color: var(--wdtAccentTxtColor); }

.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-room-title,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-room-title a,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] span,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-sq-fit:before,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-guests:before,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-beds:before { color: var(--wdtHeadAltColor); }
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .dt-sc-content-detail-group .dt-sc-room-title,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .dt-sc-content-detail-group .dt-sc-room-title a,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] span,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-sq-fit:before,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-guests:before,
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .room-details .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .wdticon-dt-beds:before { color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .dt-sc-room-item.type2 .dt-sc-content-item:hover .dt-sc-content-detail-group .dt-sc-room-title a:hover { color: rgba(var(--wdtAccentTxtColorRgb), 0.8); }


.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination:has( > div.dt-swiper-pagination:empty) { display: none; margin: 0; }
.dt-rooms-item-holder.dt-carousel-holder .dt-sc-room-item.type2.swiper-slide:not(.swiper-slide-visible) { opacity: 1; visibility: visible; }
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination { margin: 0; display: flex; justify-content: flex-end; gap: 20px; position: absolute; top: -120px; right: 0; }
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-prev,
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-next { 
	margin: 0;
    color: var(--wdtAccentTxtColor);
    display: inline-flex;
    letter-spacing: 0;
    height: 50px;
    padding: 0;
    width: 50px;
    z-index: 1;
    -webkit-border-radius: var(--wdtRadius_Part);
    border-radius: var(--wdtRadius_Part);
    -webkit-transition: var(--wdt-elementor-base-transition);
    transition: var(--wdt-elementor-base-transition);
    font-size: calc(var(--wdtFontSize_H6) + 2px);
}
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-prev,
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-next { background-color: transparent !important; color: var(--wdtAccentTxtColor); border: 1px solid var(--wdtAccentTxtColor); }
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-prev:hover,
.dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination > div.dt-arrow-pagination-next:hover { background-color: var(--wdtSecondaryColor) !important; color: var(--wdtAccentTxtColor); border-color: var(--wdtSecondaryColor); }

@media (max-width:1024px) { 
    .dt-rooms-item-holder.dt-carousel-holder .swiper.swiper-horizontal:has(.dt-sc-room-item.type2) + .dt-carousel-pagination-wrapper .dt-carousel-arrow-pagination { margin: 40px 0 0 0; justify-content: center; position: relative; top: auto; right: auto; }
}



/* ===== Room Type - III ===== */
.dt-sc-room-item.type3 .dt-sc-content-item { display: grid; grid-template-columns: 2fr 1fr; align-items: center; gap: clamp(1.875rem, 1rem + 4.375vw, 6.25rem); /* Min-30 & Max-100 */ padding: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem) 0; /* Min-25 & Max-50 */ }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group { display: grid; padding: 0; }
.dt-sc-room-item.type3:first-child .dt-sc-content-item { border-top: 1px solid rgb(var(--wdtBorderColorRgb),.5); }
.dt-sc-room-item.type3 .dt-sc-content-item { border-bottom: 1px  solid rgb(var(--wdtBorderColorRgb),.5); }
.dt-sc-room-item.type3:only-child(:last-child) .dt-sc-content-item { padding-bottom: 0; }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-room-title { font-size: clamp(2.25rem, 1.9591rem + 0.9715vw, 3.125rem); /* Min-36 & Max-50 */ order: 1; }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-content-description { order: 2; }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-rooms-meta-wrapper { order: 3; }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-content-button { order: 4; }
.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-detail-group .dt-sc-content-description > p { margin-bottom: 0; }
.dt-sc-room-item.type3 .room-details > div:not(:last-child) { margin-bottom: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* Min-20 & Max-30 */ }

.dt-sc-room-item.type3 .dt-sc-content-item .dt-sc-content-media-group .dt-sc-room-price { left: 10px; bottom: 10px; top: auto; right: auto; }
.dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item { grid-template-columns: 1fr 2fr; }
.dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item .dt-sc-content-media-group { order: 2; }
.dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item .dt-sc-content-detail-group { order: 1; }

.wdt-dark-bg .dt-sc-room-item.type3 .dt-sc-content-item { border-color: rgba(var(--wdtBorderColorRgb), 0.2); }


@media (max-width:1024px) {
    .dt-sc-room-item.type3 .dt-sc-content-item { display: grid; grid-template-columns: 1.5fr 1.5fr; }
    .dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item { grid-template-columns: 1.5fr 1.5fr; }
}
@media (max-width:767px) {
    .dt-sc-room-item.type3 .dt-sc-content-item { display: grid; grid-template-columns: 1fr; gap: 30px; }
    .dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item { grid-template-columns: 1fr; }
    .dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item .dt-sc-content-media-group { order: 1; }
.dt-sc-room-item.type3:nth-child(even) .dt-sc-content-item .dt-sc-content-detail-group { order: 2; }
}

/* ===== Booking Form - Popup ===== */

.dt-sc-room-items-container .dt-sc-room-item-type2 .dt-sc-room-item-form-wrapper { padding: 60px;
    border-radius: var(--wdt-booking-Radius_Zero); border: none; background-color: var(--wdt_Booking_BodyBGColor);
    height: fit-content; max-height: calc(100vh - 2*1.5em); position: relative; width: 100%; margin: auto; max-width: 620px; }

.dt-sc-room-items-container .dt-sc-room-item-type2 { position: fixed; top: 50%; left: 50%; 
    -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99999;
    -webkit-transition: var(--wdt_Booking_Ad-Transition); transition: var(--wdt_Booking_Ad-Transition);
    width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.18); display: flex; align-items: center; justify-content: center; }


.dt-sc-room-item-type2 .dt-sc-room-item-type2-close { display: block; clear: both; 
    position: absolute; top: -22px; right: -22px; transition: var(--wdt_Booking_Ad-Transition);}

.dt-sc-room-item-type2 .dt-sc-room-item-type2-close span { position: relative; width: 45px; height: 45px;
    background-color: var(--wdt_Booking_PrimaryColor); border-radius: var(--wdt_Booking_Radius_Zero); cursor: pointer;
    border: 0 solid var(--wdt_Booking_BorderColor); display: flex; padding: 5px; align-items: center; justify-content: center;
    -webkit-transition: var(--wdt_Booking_Ad-Transition); transition: var(--wdt_Booking_Ad-Transition); }

.dt-sc-room-item-type2 .dt-sc-room-item-type2-close span:hover { 
    background-color: var(--wdt_Booking_SecondaryColor); border-color: var(--wdt_Booking_SecondaryColor); }


.dt-sc-room-item-type2 .dt-sc-room-item-type2-close i:after,
.dt-sc-room-item-type2 .dt-sc-room-item-type2-close i:before { content: "" !important; width: 20px; height: 1px;
    background-color: var(--wdt_Booking_AccentTxtColor); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    -webkit-transition: var(--wdt_Booking_Ad-Transition); transition: var(--wdt_Booking_Ad-Transition); }

.dt-sc-room-item-type2 .dt-sc-room-item-type2-close i:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.dt-sc-room-item-type2 .dt-sc-room-item-type2-close i:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.dt-sc-room-item-type2 .dt-sc-room-item-type2-close span:hover i:before { 
    -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background-color: var(--wdt_Booking_AccentTxtColor); }

.dt-sc-room-item-type2 .dt-sc-room-item-type2-close span:hover i:after { 
    -webkit-transform: rotate(135deg); transform: rotate(135deg); background-color: var(--wdt_Booking_AccentTxtColor); }