/* Disable focus outline on leaflet interactive paths,
   this stops a square outline appearing when clicking on lines */
path.leaflet-interactive{
  outline: none;
}


.survey-point-halo {
  animation: haloFade 2s ease-in-out infinite;
  stroke-opacity: 0.8; /* starting opacity */
}

@keyframes haloFade {
  0% {
    stroke-opacity: 0.2;
  }
  50% {
    stroke-opacity: 0.9;
  }
  100% {
    stroke-opacity: 0.2;
  }
}


.polyline_halo_1 {
  animation: haloFade 2s ease-in-out infinite;
  stroke-opacity: 0.8; /* starting opacity */
}
.polyline_halo_2 {
  animation: haloFade 2s ease-in-out infinite;
  stroke-opacity: 0.8; /* starting opacity */
}
/* Neon halo pulse */
.fade-halo {
    filter:
        drop-shadow(0 0 2px rgba(255, 255, 0, 0.6))
        drop-shadow(0 0 5px rgba(255, 255, 0, 0.4));
    stroke-linecap: round;

    animation: smooth-halo 2.2s ease-in-out infinite;
}

/* Only opacity is animated */
@keyframes smooth-halo {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes soft-halo {
    0% {
        opacity: 0.15;
        filter: drop-shadow(0 0 0.5px rgba(255, 255, 0, 0.4));
    }

    35% {
        opacity: 0.45;
        filter: drop-shadow(0 0 1px rgba(255, 255, 0, 0.5))
                drop-shadow(0 0 2px rgba(255, 255, 0, 0.35));
    }

    60% {
        opacity: 0.55; /* gentle peak */
        filter: drop-shadow(0 0 1.5px rgba(255, 255, 0, 0.6))
                drop-shadow(0 0 3px rgba(255, 255, 0, 0.35));
    }

    100% {
        opacity: 0.15;
        filter: drop-shadow(0 0 0.5px rgba(255, 255, 0, 0.4));
    }
}

.fade-halo_line1 {
    animation: soft-halo 7s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes soft-core {
    0%   { opacity: 0.6; }
    50%  { opacity: 0.85; }
    100% { opacity: 0.6; }
}

.fade-halo_line2 {
    animation: soft-core 7s ease-in-out infinite;
    stroke: #ffeb3b; /* softer yellow */
    stroke-linecap: round;
}