/* Map */
/* Include inside SVG file */

/* everything but stand is not clicable */
g:not([id]){
    pointer-events: none;
}

/* but in 2024 some stands has different syntax */
g[id] g {
    pointer-events: auto;
}

[id^=stand].selected > rect, [id^=stand].selected > circle,
[id^=stand].selected > g > rect, [id^=stand].selected > g > circle {
    stroke: red !important;
    stroke-width: 4px !important;
}


[id^=stand].selected:hover,
[id^=stand].available:hover {
    fill-opacity: 0.75;
    pointer-events: all;
    cursor: pointer;
}

[id^=stand]{
    pointer-events: auto;
}

/* gray color for unvailable stands */
[id^=stand].not-selected-type > rect, [id^=stand].not-selected-type > circle,
[id^=stand].not-selected-type > g > rect, [id^=stand].not-selected-type > g > circle  {
    fill: #f2f2f2 !important;
}

[id^=stand].not-available > rect, [id^=stand].not-available > circle,
[id^=stand].not-available > g > rect, [id^=stand].not-available > g > circle {
    fill: #d3d3d3 !important;
}

/* green color for all available stands*/
[id^=stand].available > rect, [id^=stand].available > circle,
[id^=stand].available > g > rect, [id^=stand].available > g > circle,
[id^=stand].selected > rect, [id^=stand].selected > circle,
[id^=stand].selected > g > rect, [id^=stand].selected > g > circle  {
    fill: #64AD6B !important;
}


/* no borders */
[id^=stand] g g {
    display: none !important;
}

path {
    stroke: none !important;
}