/* ==========================================================================
   EWB Radar – ruler.css
   Lineal (ruler.js): Messpunkte und Distanz-Tooltip.
   Ausgelagert aus style.css (Modularisierung, Issue #94).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Lineal (ruler.js) – Messpunkte und Distanz-Tooltip
   -------------------------------------------------------------------------- */

/* Messpunkt-Icon (Punkt A und B) */
.ruler-point {
  width: 10px;
  height: 10px;
  background: #e67e22;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  /* Sanfte Größen-Transition für Hover-Feedback */
  transition: transform 0.15s ease;
}

/* Hover-Zustand: Marker vergrößert sich als Einladung zum Klicken.
   Wird per JS (ruler.js) gesetzt wenn die Maus über einen fixierten Punkt fährt. */
.ruler-point--hover {
  transform: scale(1.4);
}

/* Distanz-Tooltip – kleines Label das der Maus folgt */
.ruler-tooltip {
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 600;
  padding: 3px 7px;
  white-space: nowrap;
  pointer-events: none;
}

/* Leaflet-Standard-Pfeil des Tooltips deaktivieren */
.ruler-tooltip::before { display: none; }

[data-theme="light"] .ruler-tooltip {
  background: rgba(30, 30, 30, 0.80);
}