/* Gaya bersama peta: penanda berwarna per tipe, titik legenda, popup, dan pemilih titik. Dipakai halaman Peta Properti dan form listing pemilik. */
.titik { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--pin, #7b8699); }
.titik-kos { --pin: #1768e8; } .titik-kontrakan { --pin: #14a05c; } .titik-apartemen { --pin: #e5484d; } .titik-lainnya { --pin: #7b8699; }
.pin { background: transparent; border: 0; }
.pin span { display: block; position: relative; width: 26px; height: 26px; margin: 3px 2px 0 2px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--pin, #1768e8); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); }
.pin span::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; top: 50%; left: 50%; margin: -4px 0 0 -4px; }
.pin-kos { --pin: #1768e8; } .pin-kontrakan { --pin: #14a05c; } .pin-apartemen { --pin: #e5484d; } .pin-lainnya { --pin: #7b8699; }
.leaflet-popup-content-wrapper { border-radius: 14px; padding: 0; overflow: hidden; }
.leaflet-popup-content { margin: 0; width: auto !important; }
.peta-popup { display: flex; gap: .7rem; padding: .7rem; align-items: stretch; min-width: 230px; }
.peta-popup img { width: 84px; height: 84px; object-fit: cover; border-radius: 10px; flex: none; background: #dfe7f5; }
.peta-popup-isi { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.peta-popup-isi .judul { font-weight: 800; color: #172033; text-decoration: none; line-height: 1.2; }
.peta-popup-isi .judul:hover { color: var(--biru); }
.peta-popup-isi .harga { color: var(--biru); font-weight: 800; white-space: nowrap; }
.peta-popup-isi .lokasi { color: var(--abu); font-size: .82rem; }
.peta-popup-isi .status { align-self: flex-start; border-radius: 8px; padding: .05rem .5rem; font-size: .75rem; font-weight: 600; }
.peta-popup-isi .ada { background: #e7f6ee; color: #0f7a45; }
.peta-popup-isi .penuh { background: #eef0f4; color: #6b7488; }
.peta-pilih { height: 320px; border-radius: 12px; border: 1px solid #cfd9ec; overflow: hidden; z-index: 0; }