/* Translasi dari: bg-white/15 backdrop-blur-lg border border-white/30 rounded-xl pointer-events-auto */

/* 1. Hilangkan background putih, border, dan shadow bawaan */
.pure-popup .leaflet-popup-content-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* 2. Hilangkan margin dan aturan lebar bawaan agar ngikutin ukuran div Tailwind Anda */
.pure-popup .leaflet-popup-content {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    line-height: normal !important;
/* RESET TYPOGRAPHY LEAFLET */
    line-height: inherit !important;
    /* color: inherit !important;       KUNCI: Biarkan warna mengikuti elemen div di dalamnya */
    /* font-family: inherit !important; KUNCI: Biarkan font mengikuti font website Anda */
    /* font-size: inherit !important;   KUNCI: Biarkan ukuran font diatur oleh Tailwind */
}

/* 3. Sembunyikan segitiga penunjuk (tip) di bawah popup */
.pure-popup .leaflet-popup-tip-container {
    display: none !important;
}

/* 4. Sembunyikan tombol close bawaan Leaflet (Karena Anda sudah buat sendiri di HTML Tailwind) */
.pure-popup .leaflet-popup-close-button {
    display: none !important;
}

/* Draw tooltip overlay styles */
#draw-tooltip {
    position: absolute;
    transform: translate(-50%, -120%);
    z-index: 99999 !important;
    pointer-events: none !important;
    width: max-content;
    max-width: 280px;
}

/* tooltip inner content styling */
#draw-tooltip-content {
    background-color: rgba(0,0,0,0.8) !important;
    color: #ffffff !important;
    display: inline-block;
    max-width: 280px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.3;
    text-align: left;
}
.leaflet-popup { z-index: 10000 !important; }