/* =========================================================================
 * Tanda Kamera — css/map.css
 * Penyesuaian tampilan Leaflet: marker khusus dan atribusi.
 * ========================================================================= */

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

/* Atribusi ringkas agar tidak menutupi mini map. */
.leaflet-control-attribution {
  font-size: 8px !important;
  padding: 0 3px !important;
  line-height: 1.5 !important;
  background: rgba(2, 6, 23, 0.55) !important;
  color: #cbd5e1 !important;
}
.leaflet-control-attribution a { color: var(--aqua) !important; }

/* Atribusi di mini map tidak boleh menyerap klik tombol perluas peta. */
.mini-map-wrap .leaflet-control-attribution { pointer-events: none; }

/* Logo "Leaflet" disembunyikan khusus pada mini map yang sangat kecil;
   atribusi © OpenStreetMap tetap ditampilkan. */
.mini-map-wrap .leaflet-control-attribution svg { display: none; }

#bigMap .leaflet-control-attribution {
  font-size: 10px !important;
  padding: 1px 5px !important;
  border-radius: 8px 0 0 0;
}

/* ------------------------------- Marker -------------------------------- */

.tk-pin { position: relative; }

.tk-pin-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0 18%, var(--brand) 22% 100%);
  border: 2px solid #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.tk-pin-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.5);
  animation: pulse 1.8s ease-out infinite;
}