/* pcmap.css — thema voor de Politiecontroles-kaart (dashboard + site).
 * Donkere Leaflet-controls, pulse op de meest recente controle, donkere tooltip.
 * De kaart-containers krijgen een donkere achtergrond => tiles weg = nog steeds
 * een leesbare kaart met stippen (degrade-never-block). */

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

/* pulse op 'nu' (< 2u) — sensorische laag, trekt het oog */
.pc-dot { transition: fill-opacity .4s; }
.pc-pulse { animation: pcPulse 1.35s ease-in-out infinite; }
@keyframes pcPulse {
  0%, 100% { opacity: .55; filter: drop-shadow(0 0 2px #ff3b30); }
  50%      { opacity: 1;   filter: drop-shadow(0 0 7px #ff3b30) drop-shadow(0 0 12px rgba(255,59,48,.5)); }
}

/* tooltip in dashboard-stijl */
.leaflet-tooltip.pc-tt {
  background: #0e1420; color: #e7ecf5; border: 1px solid rgba(120,150,200,.28);
  border-radius: 8px; padding: 7px 10px; font-size: 12px; line-height: 1.35;
  box-shadow: 0 6px 22px -8px rgba(0,0,0,.8); max-width: 260px; white-space: normal;
}
.leaflet-tooltip.pc-tt b { color: #7fb2ff; font-weight: 700; letter-spacing: .02em; }
.leaflet-tooltip.pc-tt .pc-tt-age { display: block; margin-top: 3px; color: #8592a8; font-size: 11px; }
.leaflet-tooltip.pc-tt.leaflet-tooltip-top::before { border-top-color: rgba(120,150,200,.28); }

/* donkere zoom-control */
.leaflet-bar a, .leaflet-bar a:hover {
  background: #131a28; color: #cdd7e8; border-bottom-color: rgba(120,150,200,.2);
}
.leaflet-bar a:hover { background: #1b2436; }
.leaflet-bar { border: 1px solid rgba(120,150,200,.22); box-shadow: none; }
.leaflet-control-attribution {
  background: rgba(10,14,22,.72) !important; color: #6f7d94 !important; font-size: 10px;
}
.leaflet-control-attribution a { color: #8aa0c4 !important; }