.mt-100 {
  margin-top: 100px;
}
.mb-100 {
  margin-bottom: 100px;
}

.text-bold{
    font-weight: bold;
}
.text-capitalize {
  text-transform: capitalize;
}

.page-title-detail {
    position: relative;
    padding: 50px 0 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.box-room{
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.61) !important;
    -webkit-transition: background-color .4s ease-in;
    -o-transition: background-color .4s ease-in;
    transition: background-color .4s ease-in;
    padding: 20px 20px;
}  

.logo-text{
    padding-top:11px;
    padding-left:10px;
    font-family:'Roboto', serif;
    color:#222;
    /* color:var(--theme-color); */
    font-weight:bold;
    width:200px;
}

.social-links li a {
color: var(--theme-color)!important;
text-decoration: none !important;
}
.social-links li a:hover {
color: var(--theme-color)!important;
text-decoration: none !important;
}


.list-info li{
    list-style: desc;
    margin-left: 20px;
    font-size: 14px;
    color: #575757;
    font-weight: 400;
    margin-bottom: 0px;
}


.text-footer{
    font-size: 18px;
    line-height: 22px;
    color: rgb(255 255 255 / 60%);
    font-weight: 400;
    transition: .5s;
}

.filter-tabs li.active {
    background-color: #575757;
}
.filter-tabs li:before {
    background-color: #575757;
    display: none;
}
.filter-tabs li{
    font-size: 12px;
}

.img-room{
    width:100%;
    height:500px;
    object-fit: cover;
}
.img-room-small{
    width:100%;
    height:100px;
    object-fit: cover;
}

.breadcrumb {
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
}
.breadcrumb {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");
}
.breadcumb-area{
    display: inline-block;         /* biar lebarnya ngikut isi */
  background-color: rgba(255, 255, 255, 0.7); /* putih transparan */
  padding: 0.5rem 1rem;          /* kasih padding biar ada spasi */
  border-radius: 0.375rem;       /* biar agak rounded */
}

.foto-small{
    width:100%;
    height:50px;
    object-fit: cover;
}

.room-block-two h3 {
    font-size: 25px;
}


.hover-img {
    overflow: hidden; 
}
.hover-img img {
    transition: transform .4s ease;
}
.hover-img:hover img {
    transform: scale(1.1);
    filter: brightness(0.9);
}

/*sweel alert*/
.sweet-alert .cancel {
    background-color: #d33 !important; /* merah */
    color: #fff !important;
}


/*select2*/
/* Samakan Select2 dengan Nice Select */
.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  height: 42px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder style biar sama */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #111827 !important;   /* hitam pekat */
  font-size: 14px !important;  /* lebih besar biar sama */
  font-weight: 400 !important; /* normal */
  line-height: 28px !important;
}

/* Arrow Select2 biar mirip Nice Select */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 10px !important;
  display: flex !important;
  align-items: center !important;
}

/* Dropdown style biar konsisten */
.select2-container .select2-dropdown {
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
  color: #111827 !important;
  font-size: 12px !important; 
}

/* Hover & selected option */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
  font-size: 12px !important; 
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #e5e7eb !important;
  color: #111827 !important;
  font-size: 14px !important; 
  font-weight : bold !important;
}
/*end select2*/

@media only screen and (max-width: 1024px) {
    .banner-section.style-two .content-box h1,
	h1.banner-title,
	.page-title h1,
	.banner-section .content-box h1 {
		font-size: 40px;
		line-height: 60px;
	}

    .gallery-overlay .inner-box img{
        height:150px;
    }

    section.service-section-two .image-block{
        margin-top:-100px;
    }
    .service-block-three .content {
        margin-top: 0px;
    }

    section.service-section-four .icon-list li{
        font-size: 14px;
        color: #575757;
        font-weight: 400;
    }

    .amenities-block .icon{
        font-size:50px;
    }
    .amenities-block h1{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .amenities-block .text{
        font-size:18px;
    }
}
@media only screen and (max-width: 768px) { /* tablet potrait dan hp besar */
    .banner-section.style-two .content-box h1,
	h1.banner-title,
	.page-title h1,
	.banner-section .content-box h1 {
		font-size: 40px;
		line-height: 60px;
	}

    .gallery-overlay .inner-box img{
        height:150px;
    } 

    section.service-section-two .image-block{
        margin-top:-100px;
    }
    .service-block-three .content {
        margin-top: 0px;
    }

    section.service-section-four .icon-list li{
        font-size: 14px;
        color: #575757;
        font-weight: 400;
    }

    .amenities-block .icon{
        font-size:50px;
    }
    .amenities-block h1{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .amenities-block .text{
        font-size:18px;
    }
}  
@media only screen and (max-width: 480px) {  /* hp kecil */
    .banner-section.style-two .content-box h1,
	h1.banner-title,
	.page-title h1,
	.banner-section .content-box h1 {
		font-size: 40px;
		line-height: 60px;
	}

    .gallery-overlay .inner-box img{
        height:150px;
    }

    section.service-section-two .image-block{
        margin-top:-100px;
    }
    .service-block-three .content {
        margin-top: 0px;
    }

    section.service-section-four .icon-list li{
        font-size: 14px;
        color: #575757;
        font-weight: 400;
    }

    .amenities-block .icon{
        font-size:50px;
    }
    .amenities-block h1{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .amenities-block .text{
        font-size:18px;
    }
}