/* environmental_pollution_incidents — local overrides.
   Loaded AFTER ../../../resources/app.css so cascade order favours these. */

:root {
    /* Use a darker secondary so the chart's England benchmark line stands out
       against the light backdrop. Mirrors flooding/housing_tenure pattern. */
    --prior-sys-colour-chart-secondary: #121212;
}

/* Dashed selection ring shown around a clicked incident point. Rendered
   as a maplibregl.Marker (HTML overlay) because MapLibre circle layers
   can't do dashed strokes. The border colour is set inline by IncidentPopup
   to match the pollutant's palette colour. Cat 2 gets the smaller default
   size; Cat 1 (Major) sets data-severity="major" for a larger ring. */
.incident-selection-ring {
    /* Caps at the design size on desktop, shrinks proportionally on
       narrow screens so the ring doesn't dominate a small map area. */
    width: clamp(28px, 8vw, 38px);
    height: clamp(28px, 8vw, 38px);
    border: 2px dashed transparent;
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
}

.incident-selection-ring[data-severity="major"] {
    width: clamp(44px, 12vw, 60px);
    height: clamp(44px, 12vw, 60px);
}