/*
 * Penyesuaian tampilan peta Leaflet + OpenStreetMap.
 *
 * Peta usaha memakai Leaflet (lihat assets/js/peta-osm.js). Beberapa hal perlu
 * disesuaikan supaya tampilannya menyatu dengan tema lama yang dibuat untuk
 * Google Maps:
 *
 * 1. Popup kartu usaha menghasilkan DUA tombol tutup - milik tema
 *    (.infoBox-close, di dalam kartu) dan milik Leaflet (di sudut popup).
 *    Yang dipakai adalah milik Leaflet, karena ia selalu berada di posisi yang
 *    benar terhadap popup; tombol tema disembunyikan supaya tidak dobel.
 *
 * 2. Kontainer peta wajib punya latar supaya tidak tampak putih kosong saat
 *    ubin masih dimuat.
 */

.peta-popup-osm .infoBox-close {
    display: none !important;
}

.leaflet-container {
    background: #dfe6ea;
    font-family: inherit;
}

/* Kartu usaha di dalam popup: hilangkan batas bawaan tema karena popup
   Leaflet sudah punya bingkai sendiri. */
.peta-popup-osm .map-popup-wrap {
    margin: 0;
}

.peta-popup-osm .map-popup {
    box-shadow: none;
}

/* Kelompok marker: angka harus terbaca dan sejajar tengah. */
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.marker-cluster {
    text-align: center;
}

.marker-cluster div {
    line-height: 30px;
}

/* Kontrol zoom buatan tema (mapzoom-in / mapzoom-out) tetap dipakai halaman
   daftar dan profil. Ia ditempatkan di kontainer sendiri oleh peta-osm.js. */
.peta-kontrol {
    padding: 5px;
}

.peta-kontrol--right_center {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500;
}