Gaya untuk gambar di dalam popup
#popup-img {
    width: 100%; /* Mengatur gambar agar memenuhi lebar container */
    height: auto; /* Menjaga rasio gambar */
    border-radius: 8px; /* Menambahkan sudut melengkung pada gambar */
    margin-bottom: 10px; /* Memberikan jarak bawah antara gambar dan teks */
}

/* Gaya untuk judul (Nama) */
.popup-content h1 {
    font-size: 1.5rem; /* Ukuran font lebih besar untuk judul */
    font-weight: 700; /* Menebalkan teks judul */
    margin-bottom: 10px; /* Memberikan jarak bawah */
    color: #333; /* Warna teks */
}

/* Gaya untuk paragraf dengan font bold (Jenis) */
.popup-content p.font-bold {
    font-weight: 600; /* Menebalkan font untuk Jenis */
    margin-bottom: 5px; /* Mengurangi jarak bawah */
    color: #444; /* Warna teks */
}

/* Gaya untuk paragraf dengan font light (Alamat, Kecamatan, dll.) */
.popup-content p.font-light {
    font-weight: 300; /* Font lebih ringan */
    margin-bottom: 5px; /* Mengurangi jarak bawah */
    color: #666; /* Warna teks */
}

/* Gaya untuk tombol "Temukan Lokasi" */
.popup-content button {
    background-color: #f56565; /* Warna latar belakang merah */
    border-radius: 4px; /* Sudut melengkung */
    margin-top: 10px; /* Memberikan jarak atas */
    padding: 5px 0; /* Memberikan padding vertikal */
}

.popup-content button a {
    color: white; /* Warna teks putih */
    font-weight: bold; /* Menebalkan teks */
    text-decoration: none; /* Menghapus garis bawah */
    display: block; /* Membuat link menjadi block agar bisa mengisi lebar tombol */
    text-align: center; /* Menyusun teks di tengah */
}

.popup-content button a:hover {
    background-color: #e53e3e; /* Warna merah lebih gelap saat hover */
}

/* Gaya untuk seluruh konten popup */
.popup-content {
    font-family: Arial, sans-serif; /* Menggunakan font Arial */
    padding: 15px; /* Memberikan padding di dalam popup */
    background-color: #fff; /* Warna latar belakang putih */
    border-radius: 8px; /* Sudut melengkung pada popup */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Efek bayangan pada popup */
}

/* Gaya untuk teks dalam popup jika ada link */
.popup-content a {
    color: #3182ce; /* Warna biru untuk link */
    text-decoration: none; /* Menghapus garis bawah pada link */
}

.popup-content a:hover {
    text-decoration: underline; /* Garis bawah saat hover */
}