/* ==========================================================
   LEAFLET CUSTOMIZATION – SPARKADE Neon Maps
   Extends Leaflet default styles for dark neon UI
   ========================================================== */

/* Darken map controls to match neon UI */
.leaflet-bar a {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #0ff;
  color: #0ff;
  text-shadow: 0 0 4px #0ff;
  transition: all 0.2s ease;
}
.leaflet-bar a:hover {
  background: #0ff;
  color: #000;
}

/* Tooltip adjustments for readability */
.leaflet-tooltip {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid #0ff;
  border-radius: 6px;
  color: #0ff;
  text-shadow: 0 0 4px #0ff;
}

/* GPU layer fix for Safari / iOS */
.leaflet-marker-icon,
.leaflet-div-icon {
  transform: translateZ(0);
  will-change: transform;
}

/* Larger hit area on touch devices */
@media (pointer: coarse) {
  .leaflet-control {
    transform: scale(1.25);
    transform-origin: bottom left;
  }
}

/* Restore vertical map control layout */
.leaflet-top.leaflet-left .leaflet-control {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 80px; /* below header */
  margin-left: 12px;
}

/* Hide default Leaflet zoom (+ / −) controls */
.leaflet-control-zoom {
  display: none !important;
}
/* Hide attribution text */
.leaflet-control-attribution {
  display: none !important;
}