/* Points-nœuds: styles généraux */

/* Bouton de contrôle (fallback, inline JS garde la priorité) */
.plf-nodepoints-ctl {
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.plf-nodepoints-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px 44px;
  background-color: transparent;
  opacity: 0.9;
}
.plf-nodepoints-ctl.is-active .plf-nodepoints-btn {
  opacity: 1;
}

/* Cluster source dot (divIcon) */
.pn-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #F2F3AE; /* jaune */
  border: 1px solid #333; /* contour foncé */
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.18);
}

/* Label des points-nœuds (divIcon) */
.plf-node-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none; /* n'intercepte pas la souris */
}
.plf-node-label__text {
  font-weight: 700;
  font-size: 10px; /* ajusté pour icônes 18–22px */
  line-height: 1;
  color: #333;
  text-align: center;
}

/* Pane suggestions (si utilisés par le JS) */
.leaflet-pane.pane-labels-pn .plf-node-label__text {
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

/* Tronçons (stylés surtout côté JS via GeoJSON style),
   quelques sécurités visuelles si des classes sont ajoutées ultérieurement */
.plf-troncon-path {
  vector-effect: non-scaling-stroke;
}