add selector for multiple segments with same path

Author: jirivrany

cesnet_service_path_plugin/templates/cesnet_service_path_plugin/inc/map_layers_styles.html

@@ -0,0 +1,55 @@
+<!-- CSS Styles for overlapping segments popup -->
+<style>
+.overlapping-segments-popup,
+.single-segment-popup {
+    font-family: inherit;
+}
+
+.overlapping-segments-popup .leaflet-popup-content,
+.single-segment-popup .leaflet-popup-content {
+    margin: 8px 12px;
+    line-height: 1.4;
+}
+
+.single-segment-popup h6 {
+    margin-bottom: 8px;
+    color: #495057;
+}
+
+.single-segment-popup .badge {
+    font-size: 0.8em;
+    padding: 2px 6px;
+}
+
+.overlapping-segments .segment-option {
+    transition: background-color 0.2s ease;
+    padding: 8px;
+    border-radius: 4px;
+    margin: -8px;
+    margin-bottom: 8px;
+}
+
+.overlapping-segments .segment-option:hover {
+    background-color: #f8f9fa;
+}
+
+.overlapping-segments .segment-option:last-child {
+    border-bottom: none !important;
+    margin-bottom: 0;
+}
+
+.overlapping-segments h6 {
+    margin-bottom: 8px;
+    color: #495057;
+}
+
+.overlapping-segments .badge {
+    font-size: 0.7em;
+    padding: 2px 6px;
+}
+
+/* Optional: Style for highlighted overlapping segments */
+.segment-highlighted {
+    filter: drop-shadow(0 0 3px rgba(0, 123, 255, 0.8));
+}
+</style>