/* Selected items deliberately use a strong visual treatment.
   The same hot-yellow glow is used for features, hint markers and hint labels. */

.fpns-selected-feature,
.fpns-selected-hint {
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1))
            drop-shadow(0 0 8px rgba(255, 255, 0, 1))
            drop-shadow(0 0 16px rgba(255, 200, 0, 0.95))
            drop-shadow(0 0 28px rgba(255, 120, 0, 0.85));
}

/* Leaflet SVG paths need the emphasis on the path itself. */
.leaflet-overlay-pane svg path.fpns-selected-feature {
    stroke: #ffff00 !important;
    stroke-width: 5px !important;
    stroke-opacity: 1 !important;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 1))
            drop-shadow(0 0 10px rgba(255, 255, 0, 1))
            drop-shadow(0 0 20px rgba(255, 150, 0, 0.95));
}

/* Make the selected hint label itself hot yellow rather than merely glowing. */
.fpns-selected-hint .hint-label {
    border-color: #ffff00 !important;
    background: rgba(255, 255, 0, 0.95) !important;
    color: #111827 !important;
}

/* Hint marker icons are images, so apply the same hot-yellow glow to their DOM element. */
.fpns-selected-hint.leaflet-marker-icon {
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1))
            drop-shadow(0 0 8px rgba(255, 255, 0, 1))
            drop-shadow(0 0 16px rgba(255, 200, 0, 0.95))
            drop-shadow(0 0 28px rgba(255, 120, 0, 0.85));
}

.fpns-selected-hint-line {
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.9))
            drop-shadow(0 0 8px rgba(255, 255, 0, 0.8));
}