/**

 * MeteoNav Rosette Marker Spread Styles

 * Module: Rosette Spread CSS

 * Version: 1.0.0

 * Date: 2025-12-01

 * Author: Alex Moustris

 * Description: Styling for rosette marker spread feature

 * Status: NEW

 */



/* Rosette Stack Icon Wrapper */

.rosette-stack-icon-wrapper {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  visibility: visible !important;

  opacity: 1 !important;

  width: 24px !important;

  height: 24px !important;

  position: relative !important;

  background: rgb(255, 200, 150) !important;

  border-radius: 50% !important;

  border: 2px solid rgb(107, 108, 110) !important;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;

}



/* Rosette Stack Icon Image */

.rosette-stack-icon-img {

  width: 18px !important;

  height: 18px !important;

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: auto !important;

  filter: brightness(0.7) !important;

}



/* Rosette Center Icon (stack icon marker) */

.rosette-center-icon {

  pointer-events: auto !important;

  z-index: 626 !important;

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

  cursor: pointer !important;

}



.rosette-center-icon:hover {

  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.9)) !important;

}



/* Rosette Satellite Markers */

.rosette-satellite-marker {

  pointer-events: auto !important;

  z-index: 627 !important;

  cursor: pointer !important;

}



.rosette-satellite-marker img {

  pointer-events: auto !important;

}



/* Rosette Stem Lines */

.rosette-stem {

  pointer-events: none !important;

  z-index: 625 !important;

  stroke: rgb(255, 200, 0) !important;

  stroke-width: 3px !important;

  opacity: 1 !important;

  stroke-dasharray: 8, 4 !important;

}



/* Rosette Pane */

.leaflet-pane.leaflet-rosette-pane {

  z-index: 625 !important;

  pointer-events: none !important;

  display: block !important;

  visibility: visible !important;

}



/* Ensure rosette markers are visible */

.leaflet-pane.leaflet-rosette-pane .leaflet-marker-icon {

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

}