/* noise-monitor-events.css — Layer styles for the noise monitor events map.
   Load via: [jch_qgis folder="noise-monitor-events" stylesheet="noise-monitor-events"]

   NOTE: CSS class names do NOT include the _N numeric suffix from QGIS2Web filenames.
   The JS strips the suffix before building the class. E.g. json_1991DNL65Contour_11
   → layerName "1991DNL65Contour" → class "layer-1991dnl65contour".

   Group ordering (render order = checkbox panel order):
   Group 1 — DNL Noise Contours   (bottom of stack)
   Group 2 — Regulatory Areas
   Group 3 — Schools
   Group 4 — Noise Monitors       (top of stack — the dynamic layer) */

/* =================================================================
   GROUP TITLES
   ================================================================= */

.layer-css-group.group-1 { --group-title: "DNL Noise Contours"; }
.layer-css-group.group-2 { --group-title: "Regulatory Areas"; }
.layer-css-group.group-3 { --group-title: "Schools"; }
.layer-css-group.group-4 { --group-title: "Noise Monitors"; }

/* =================================================================
   GROUP 1 — DNL NOISE CONTOURS  (group-order: 1)
   ================================================================= */

.layer-control.layer-1991dnl65contour .layer-color-square {
    background-color: rgba(255,55,0,.7) !important;
    --fill-color: #FF3700;
    --fill-opacity: 0.15;
    --stroke-color: #FF3700;
    --stroke-width: 2;
    --stroke-opacity: 0.9;
    --group-order: 1;
    --tooltip: "1991 DNL 65 dB noise contour";
}

.layer-control.layer-1991dnl70contour .layer-color-square {
    background-color: #AA0000 !important;
    --fill-color: #AA0000;
    --fill-opacity: 0.15;
    --stroke-color: #AA0000;
    --stroke-width: 2;
    --stroke-opacity: 0.9;
    --group-order: 1;
    --tooltip: "1991 DNL 70 dB noise contour";
}

.layer-control.layer-2018dnl65contour .layer-color-square {
    background-color: #00FFAA !important;
    --fill-color: #C60030;
    --fill-opacity: 0.15;
    --stroke-color: #00FFAA;
    --stroke-width: 2;
    --stroke-opacity: 0.9;
    --group-order: 1;
    --tooltip: "2018 DNL 65 dB noise contour";
}

.layer-control.layer-2025dnl65nrb .layer-color-square {
    background-color: rgba(255,55,0,.7) !important;
    --fill-color: #FF3700;
    --fill-opacity: 0.1;
    --stroke-color: #FF3700;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
    --tooltip: "2025 DNL 65 Noise Remedy Boundary (proposed)";
}

.layer-control.layer-2032dnl65contourproposed202508 .layer-color-square {
    background-color: #F67090 !important;
    --fill-color: #F67090;
    --fill-opacity: 0.1;
    --stroke-color: #F67090;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
    --tooltip: "2032 DNL 65 dB contour (projected)";
}

.layer-control.layer-2032dnl70contour .layer-color-square {
    background-color: #C60030 !important;
    --fill-color: #C60030;
    --fill-opacity: 0.1;
    --stroke-color: #C60030;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
    --tooltip: "2032 DNL 70 dB contour (projected)";
}

/* =================================================================
   GROUP 2 — REGULATORY AREAS  (group-order: 2)
   ================================================================= */

.layer-control.layer-ape .layer-color-square {
    background-color: #9933CC !important;
    --fill-color: #9933CC;
    --fill-opacity: 0.1;
    --stroke-color: #6600AA;
    --stroke-width: 2;
    --stroke-opacity: 0.9;
    --group-order: 2;
    --tooltip: "Area of Potential Effect — overall boundary";
}

.layer-control.layer-apedesmoinescreekbasinplan .layer-color-square {
    background-color: #0066FF !important;
    --fill-color: #0066FF;
    --fill-opacity: 0.1;
    --stroke-color: #0033CC;
    --stroke-width: 2;
    --stroke-opacity: 0.85;
    --group-order: 2;
    --tooltip: "APE — Des Moines Creek Basin Plan";
}

.layer-control.layer-apemillercreekbasinplan .layer-color-square {
    background-color: #00AAFF !important;
    --fill-color: #00AAFF;
    --fill-opacity: 0.1;
    --stroke-color: #0077CC;
    --stroke-width: 2;
    --stroke-opacity: 0.85;
    --group-order: 2;
    --tooltip: "APE — Miller Creek Basin Plan";
}

.layer-control.layer-rcw5354020 .layer-color-square {
    background-color: #00CC66 !important;
    --fill-color: #00CC66;
    --fill-opacity: 0.08;
    --stroke-color: #009944;
    --stroke-width: 2;
    --stroke-opacity: 1.0;
    --group-order: 2;
    --tooltip: "RCW 53.54.020 regulatory boundary";
}

.layer-control.layer-kcia1nmradius .layer-color-square {
    background-color: #FFFF99 !important;
    --stroke-color: #BBBB00;
    --stroke-width: 1;
    --stroke-opacity: 0.9;
    --group-order: 2;
    --tooltip: "KCIA 1 nm radius";
}

.layer-control.layer-cotku .layer-color-square {
    background-color: #FF00AA !important;
    --fill-color: #FF00AA;
    --fill-opacity: 0.1;
    --stroke-color: #CC0088;
    --stroke-width: 3;
    --stroke-opacity: 0.9;
    --group-order: 2;
    --tooltip: "Center Of The Known Universe";
}

/* =================================================================
   GROUP 3 — SCHOOLS  (group-order: 3)
   ================================================================= */

.layer-control.layer-schoolsinside1991dnl65 .layer-color-square {
    background-color: #600FF0 !important;
    --fill-color: #600FF0;
    --fill-opacity: 0.9;
    --stroke-color: #333;
    --stroke-width: 1;
    --stroke-opacity: 1.0;
    --radius: 6;
    --group-order: 3;
    --tooltip: "Schools inside 1991 DNL 65 noise contour";
}

.layer-control.layer-schoolsinside2018dnl65 .layer-color-square {
    background-color: #FF00FF !important;
    --fill-color: #FF00FF;
    --fill-opacity: 0.9;
    --stroke-color: #333;
    --stroke-width: 1;
    --stroke-opacity: 1.0;
    --radius: 6;
    --group-order: 3;
    --tooltip: "Schools inside 2018 DNL 65 noise contour";
}

/* =================================================================
   GROUP 4 — NOISE MONITORS  (group-order: 4, top of stack)
   Default/neutral styling — dynamically restyled by JS after DB query.
   Visually separated from static layer groups above.
   ================================================================= */

.layer-controls .layer-css-group.group-4 {
    background: rgba(0, 124, 186, 0.05);
    border: 1px solid rgba(0, 124, 186, 0.2);
    border-radius: 4px;
    padding: 0.6em 0.75em;
    margin-top: 0.5em;
    border-bottom: none;
}

.layer-control.layer-permanentnoisemonitors .layer-color-square {
    background-color: #94A3B8 !important;
    --fill-color: #94A3B8;
    --fill-opacity: 0.9;
    --stroke-color: #333;
    --stroke-width: 2;
    --stroke-opacity: 1.0;
    --radius: 8;
    --group-order: 4;
    --tooltip: "Permanent noise monitoring stations";
}

.layer-control.layer-portablenoisemonitors20202022 .layer-color-square {
    background-color: #FF7220 !important;
    --fill-color: #FF7220;
    --fill-opacity: 0.4;
    --stroke-color: #555;
    --stroke-width: 2;
    --stroke-opacity: 0.9;
    --radius: 10;
    --group-order: 4;
    --tooltip: "Portable noise monitors deployed 2020–2022";
}