/* --- PENGATURAN LOGO --- */
    .navbar-brand img {
        width: auto;
        transition: all 0.3s ease;
        display: block;
    }

    /* Ukuran LOGO untuk DESKTOP (Layar Lebar) */
    @media (min-width: 992px) {
        .navbar-brand img {
            height: 60px !important; 
            max-height: 60px !important;
        }
    }

    /* Ukuran LOGO untuk MOBILE (Layar HP) */
    @media (max-width: 991.98px) {
        .navbar-brand img {
            height: 40px !important; /* Di sini kita paksa jadi kecil di HP */
            max-height: 40px !important;
        }
        
        .navbar-brand {
            padding: 0 !important;
        }
    }


   /* --- NAVBAR & BRAND --- */
    #hotel-brand-text {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
	/* --- PENGATURAN GLOBAL --- */
    body {
        font-family: 'Montserrat', sans-serif !important;
        color: #333;
        overflow-x: hidden;
    }
	p,a {
           font-family: 'Montserrat', sans-serif !important;
    }
	 h5, h4, h6{
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400; /* Sesuaikan bobot untuk lebih tebal jika diperlukan, atau gunakan 400 untuk normal */
    }
	/* --- FONT TEGAS UNTUK JUDUL (Playfair Display) --- */
    h1, h2, h3, .section-title, .navbar-brand h1 {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }
	

/* KHUSUS UNTUK TAMPILAN MOBILE (HP) */
@media (max-width: 576px) {
    .tm-slidertext {
        padding: 0 15px; /* Memberi ruang di pinggir layar HP */
    }
    
    .tm-slidertext .bold {
        font-size: 20px !important; /* Paksa ukuran judul jadi kecil di HP */
        margin-bottom: 3px;
    }

    .tm-slidertext .simple {
        font-size: 12px !important; /* Ukuran teks deskripsi sangat kecil di HP */
        line-height: 1.1 !important;
        letter-spacing: 0px;
    }
}
.service-overlay h5 {
    font-weight: 800 !important;
}
/* Menargetkan gambar di dalam div dengan class 'about-img-big' */
.about-img-big img {
    /* Ubah angka 25px menjadi lebih besar untuk lebih melengkung, atau lebih kecil untuk kurang melengkung */
    border-radius: 25px !important; 
    /* Opsional: menambahkan bayangan halus agar gambar lebih terlihat modern dan menonjol */
    box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important; 
}

/* Perbaikan untuk teks deskripsi About di Mobile */
@media (max-width: 767.98px) {
    #about p {
        text-align: center !important; /* Mengubah rata kiri-kanan menjadi rata kiri di HP */
        hyphens: auto; /* Membantu memotong kata yang terlalu panjang (opsional) */
    }
}

/* Jika ingin tetap justify di layar lebar (Desktop) */
@media (min-width: 992px) {
    #about p {
        text-align: justify;
    }
}
/* --- PERBESAR TEKS DI DALAM OVERLAY SERVICE --- */
.service-overlay h5 {
    font-size: 1.5rem !important; /* Ukuran judul layanan lebih besar */
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* Bayangan agar teks jelas */
    margin-bottom: 12px !important;
}

.service-overlay p {
    font-size: 0.9rem !important; /* Ukuran deskripsi lebih besar */
    line-height: 1.5 !important;
    text-align: justify !important;      /* 👈 ini kuncinya */
    text-justify: inter-word;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    padding: 0 12px; /* Jarak agar teks tidak menempel ke pinggir kotak */
}

/* Penyesuaian untuk layar HP agar tidak memenuhi kotak */
@media (max-width: 576px) {
    .service-overlay h5 {
        font-size: 1.3rem !important;
    }
    .service-overlay p {
        font-size: 0.95rem !important;
    }
}
/* ******************************************* */
/* --- PERBAIKAN TAB ROOM TYPE MOBILE --- */
@media (max-width: 576px) {
    /* Membuat container ul memenuhi lebar layar */
    #kamar .nav-pills {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100%;
    }

    /* Mengatur setiap item agar besarnya sama (2 item per baris) */
    #kamar .nav-item {
        flex: 0 0 45%; /* Mengambil 45% lebar agar muat 2 kolom + sedikit jarak */
        margin: 5px !important; /* Jarak antar kotak yang seragam */
    }

    /* Menghilangkan margin bawaan dan meratakan isi ke tengah */
    #kamar .nav-link {
        margin: 0 !important; 
        padding: 10px 5px !important;
        display: flex !important;
        flex-direction: column; /* Ikon di atas, teks di bawah (opsional) */
        align-items: center !important;
        text-align: center !important;
        border: 1px solid #eee; /* Garis tipis agar terlihat seperti kotak */
        border-radius: 10px;
    }

    /* Menyesuaikan jarak teks di dalam link */
    #kamar .nav-link .ps-3 {
        padding-left: 0 !important;
        margin-top: 5px;
    }
}