/* Reset dasar */
body {
    background-color: #f8f9fa;
    margin: 0;
    padding: 0;
}

/* PENTING: Tinggi peta harus didefinisikan */
#map {
    height: 550px; 
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ccc;
    z-index: 1;
    background-color: #e9ecef; /* Warna abu placeholder saat loading */
}

/* Styling Card Filter */
.filter-card {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* Custom Icon Rumah Biru */
/*.custom-house-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23007bff"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>') no-repeat center center;
    background-size: 35px 35px;
    width: 40px !important;
    height: 40px !important;
    border: none;
    background-color: transparent;
}*/

/* Custom Icon Style */
.custom-house-icon {
    background: transparent !important; /* Agar SVG terlihat */
    border: none;
    text-align: center;
    line-height: 40px;
}

/* Pastikan map punya tinggi */
#map {
    height: 550px; 
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ccc;
    z-index: 1;
}

/* Styling lainnya... */
.filter-card {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}