/* --- MEDIA QUERY KHUSUS MOBILE (Layar di bawah 992px) --- */
    @media (max-width: 991.98px) {
        /* 1. Latar belakang navbar utama jadi BIRU GELAP */
        .navbar {
            background-color: #0F172B !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.5);
            padding: 10px 15px !important; /* Padding lebih ramping */
        }

        

        /* 3. Wadah menu dropdown saat terbuka */
        .navbar-collapse {
            background-color: #0F172B !important;
            margin-top: 10px;
            padding: 15px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.1);
        }

        /* 4. Tulisan menu jadi PUTIH agar terbaca jelas */
        .navbar-dark .navbar-nav .nav-link {
            color: #ffffff !important; 
            font-weight: 500;
            padding: 12px 15px !important;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            text-align: left;
        }

        /* 5. Warna saat menu AKTIF atau HOVER (Tetap Orange) */
        .navbar-dark .navbar-nav .nav-link.active,
        .navbar-dark .navbar-nav .nav-link:hover {
            color: #FEA116 !important;
            background: rgba(255,255,255,0.05);
        }

        /* 6. Tombol garis tiga (Hamburger) jadi putih */
        .navbar-toggler {
            border-color: rgba(255,255,255,0.5) !important;
        }
        
        .navbar-toggler .fa-bars {
            color: #ffffff !important;
        }
    }
@media (min-width: 992px) {
    .tm-slidertext {
        left: 8% !important;
        right: auto !important;
        text-align: left !important;
        transform: translateY(-50%) !important;
        align-items: flex-start !important;
    }

    .tm-slidertext h5 {
        text-align: left !important;
    }
}

	@media (min-width: 992px) {
		.tm-slidertext {
			left: 8% !important;
			right: auto !important;
			text-align: left !important;
			transform: translateY(-50%) !important;
			align-items: flex-start !important;
		}

		.tm-slidertext h5 {
			text-align: left !important;
		}
	}
/* CSS untuk mengatur gambar agar melengkung dan responsif */

/* 1. Pengaturan di Mobile */
@media (max-width: 991.98px) {
    .gambar-mobile-besar {
        width: 80% !important;
        max-width: 300px;
        margin-bottom: 20px;
    }
    
    .gambar-mobile-besar img {
        width: 100% !important;
        height: auto !important;
        border-radius: 15px !important; /* Membuat sudut melengkung di mobile */
    }
}

/* 2. Pengaturan di Desktop (Hanya menambahkan lengkungan tanpa ubah ukuran) */
@media (min-width: 992px) {
    .gambar-mobile-besar img {
        border-radius: 15px !important; /* Membuat sudut melengkung di desktop */
        /* Ukuran desktop tetap mengikuti file style.css asli Anda */
    }
}

/* Efek tambahan agar saat hover, lengkungan tetap rapi */
.room-gallery-item {
    overflow: hidden;
    border-radius: 15px;
}
/* CSS untuk mengatur gambar agar melengkung dan responsif */

/* 1. Pengaturan di Mobile */
@media (max-width: 991.98px) {
    .gambar-mobile-besar {
        width: 80% !important;
        max-width: 300px;
        margin-bottom: 20px;
    }
    
    .gambar-mobile-besar img {
        width: 100% !important;
        height: auto !important;
        border-radius: 15px !important; /* Membuat sudut melengkung di mobile */
    }
}

/* 2. Pengaturan di Desktop (Hanya menambahkan lengkungan tanpa ubah ukuran) */
@media (min-width: 992px) {
    .gambar-mobile-besar img {
        border-radius: 15px !important; /* Membuat sudut melengkung di desktop */
        /* Ukuran desktop tetap mengikuti file style.css asli Anda */
    }
}

/* Efek tambahan agar saat hover, lengkungan tetap rapi */
.room-gallery-item {
    overflow: hidden;
    border-radius: 15px;
}