/* geometry.css — Test layer styles for the "geometry" map dataset.
   Load via: [jch_qgis folder="geometry" stylesheet="geometry"]

   Custom properties per layer:
     background-color  — legend swatch color (required)
     --fill-color      — polygon/point fill
     --fill-opacity    — polygon/point fill opacity
     --stroke-color    — border/line color
     --stroke-width    — border/line width (px)
     --stroke-opacity  — border/line opacity
     --radius          — point radius (px)
     --tooltip         — text shown as browser tooltip on the checkbox label
     --group           — group name; controls which visual wrapper the layer appears in
     --group-order     — integer; lower = group appears earlier in the list */

/* =================================================================
   GROUP 1 — AIRPORT GEOMETRY (runways, radii)
   ================================================================= */

.layer-control.layer-runwaypoints .layer-color-square {
    background-color: #FF6600 !important;
    --fill-color: #FF6600;
    --fill-opacity: 0.9;
    --stroke-color: #333333;
    --stroke-width: 2;
    --stroke-opacity: 1.0;
    --radius: 8;
    --tooltip: "Runway threshold and centerline reference points";
    --group-order: 3;
}

.layer-control.layer-60nmradiustracon .layer-color-square {
    background-color: #CC0000 !important;
    --stroke-color: #CC0000;
    --stroke-width: 3;
    --stroke-opacity: 0.85;
    --tooltip: "60 nm TRACON boundary";
    --group-order: 3;
}

.layer-control.layer-10nmradius .layer-color-square {
    background-color: #FF4400 !important;
    --stroke-color: #FF4400;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --tooltip: "10 nm radius from airport";
    --group-order: 3;
}

.layer-control.layer-6nmradius .layer-color-square {
    background-color: #FF8800 !important;
    --stroke-color: #FF8800;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --tooltip: "6 nm radius from airport";
    --group-order: 3;
}

.layer-control.layer-4nmradius .layer-color-square {
    background-color: #FFAA00 !important;
    --stroke-color: #FFAA00;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --tooltip: "4 nm radius from airport";
    --group-order: 3;
}

.layer-control.layer-2nmradius .layer-color-square {
    background-color: #FFCC00 !important;
    --stroke-color: #FFCC00;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --tooltip: "2 nm radius from airport";
    --group-order: 3;
}

.layer-control.layer-1nmradius .layer-color-square {
    background-color: #FFE566 !important;
    --stroke-color: #FFE566;
    --stroke-width: 1;
    --stroke-opacity: 0.9;
    --tooltip: "1 nm radius from airport";
    --group-order: 3;
}

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

/* =================================================================
   GROUP 2 — REGULATORY AREAS (APE, RCW boundaries)
   ================================================================= */

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

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

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

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

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

/* =================================================================
   GROUP 3 — CITY BOUNDARIES
   ================================================================= */

.layer-control.layer-beaconhillneighborhoodseattlecityboundary .layer-color-square {
    background-color: #AAFF3F !important;
    --fill-color: #AAFF3F;
    --fill-opacity: 0.08;
    --stroke-color: #66BB00;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

.layer-control.layer-buriencityboundary .layer-color-square {
    background-color: #AA22AA !important;
    --fill-color: #AA22AA;
    --fill-opacity: 0.08;
    --stroke-color: #881188;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

.layer-control.layer-desmoinescityboundary .layer-color-square {
    background-color: #2266FF !important;
    --fill-color: #2266FF;
    --fill-opacity: 0.08;
    --stroke-color: #1144CC;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

.layer-control.layer-federalwaycityboundary .layer-color-square {
    background-color: #AA6300 !important;
    --fill-color: #AA6300;
    --fill-opacity: 0.08;
    --stroke-color: #884400;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

.layer-control.layer-normandyparkcityboundary .layer-color-square {
    background-color: #8263AC !important;
    --fill-color: #8263AC;
    --fill-opacity: 0.08;
    --stroke-color: #604488;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

.layer-control.layer-seataccityboundary .layer-color-square {
    background-color: #00FF00 !important;
    --fill-color: #00FF00;
    --fill-opacity: 0.06;
    --stroke-color: #009900;
    --stroke-width: 3;
    --stroke-opacity: 0.9;
    --group-order: 1;
}

.layer-control.layer-tukwilacityboundary .layer-color-square {
    background-color: #CC6600 !important;
    --fill-color: #CC6600;
    --fill-opacity: 0.08;
    --stroke-color: #994400;
    --stroke-width: 2;
    --stroke-opacity: 0.8;
    --group-order: 1;
}

/* =================================================================
   GROUP TITLES — one entry per group-order number.
   --group-title is read by JS after the group div is in the DOM
   and rendered as a <span class="group-title"> header.
   ================================================================= */

.layer-css-group.group-1 { --group-title: "City Boundaries"; }
.layer-css-group.group-2 { --group-title: "Regulatory Areas"; }
.layer-css-group.group-3 { --group-title: "Airport Geometry"; }