/* ============================================================
   ESSE INDIA — CANADA.CSS
   Province grid colors + Canada-specific tweaks
   Loaded only on Canada page
   ============================================================ */

/* ============================================================
   1. PROVINCE HEADER COLORS (Canada)
   ============================================================ */
.province-header.on { background: linear-gradient(135deg, #6a1a1a, #b03a3a); }
.province-header.bc { background: linear-gradient(135deg, #0d4a5a, #1a6a7a); }
.province-header.ab { background: linear-gradient(135deg, #0d5a3a, #1a7a50); }
.province-header.qc { background: linear-gradient(135deg, #1a4a7a, #2a6a9a); }
.province-header.mb { background: linear-gradient(135deg, #5a3a1a, #7a5a2a); }
.province-header.sk { background: linear-gradient(135deg, #4a5a2a, #6a7a3a); }
.province-header.ns { background: linear-gradient(135deg, #1a3a5a, #2a5a8a); }
.province-header.nb { background: linear-gradient(135deg, #2a4a5a, #4a6a7a); }

/* ============================================================
   2. All other styles come from australia.css
      (stream-grid, points-grid, province-grid, compare-grid, etc.)
      Load order: australia.css → canada.css
   ============================================================ */