/* ============================================================================
 * sidc_symbology.css — MIL-STD-2525 map symbology (Epic G4, Phase 4 packet B)
 * Loaded after style.css; references --rv-* tokens with literal fallbacks.
 * Keeps milsymbol SVG divIcons crisp and centred on the dark basemap.
 * ==========================================================================*/

/* The Leaflet divIcon host for a rendered milsymbol SVG. milsymbol emits an
 * <svg> with intrinsic width/height; we let it dictate size and only ensure it
 * renders above the basemap without a box background. GPU-friendly: no layout
 * animation here, only opacity/transform on hover. */
.rv-sidc-icon {
  background: transparent;
  border: none;
  /* milsymbol SVGs include a transparent margin; pointer target stays the SVG. */
  line-height: 0;
  cursor: pointer;
  /* Slight drop shadow so light frames read against bright satellite tiles. */
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75));
  transition: transform 120ms ease, opacity 120ms ease;
  will-change: transform;
}

.rv-sidc-icon:hover {
  transform: scale(1.12);
  opacity: 1;
  z-index: 650; /* lift above sibling markers on hover (Leaflet pane local) */
}

.rv-sidc-icon svg {
  display: block;
  pointer-events: auto;
}

/* High-contrast context: drop the satellite drop-shadow for a hard mono outline
 * so monochrome symbols stay legible. */
body.high-contrast .rv-sidc-icon {
  filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000);
}

/* The map-toolbar 2525 toggle reuses .map-btn; .active state mirrors other
 * toggle buttons (heatmap/3D). No new color hardcoding — inherit .map-btn.active. */
#btn-2525-toggle.active {
  /* Inherit the established active treatment; this rule documents intent and
   * provides a token-driven fallback if .map-btn.active is ever scoped away. */
  border-color: var(--rv-accent, #00d4ff);
  color: var(--rv-accent, #00d4ff);
}