/* ============================================================
   AP TRINETRA — Weather Watch · Declutter overlay
   Loaded LAST on every page. Hides decorative noise and enforces
   a calm, professional Govt-of-AP design system (saffron-white-green).
   Fully reversible: remove the <link> to this file to restore the
   original ornate styling. Backups: _backup_pre_declutter_20260531/.
   Created 2026-05-31.
   ============================================================ */

/* ---- 1. Calm page background — drop isobars, lat/lon grid,
        emblem watermark and drifting-cloud layers ---- */
body {
  background: #eef2f7 !important;
  background-attachment: initial !important;
}
body::before, body::after { content: none !important; display: none !important; background: none !important; }

/* ---- 2. Remove standalone decorative blocks (portal pages) ---- */
.weather-bg,
.hazard-tape,
.solar-band,
.coastal-waves,
.foot-weather-strip,
.foot-glyphs,
.eq-divider,
.front-cold,
.front-warm,
.kpi-arc { display: none !important; }

/* ---- 3. Strip weather-front / isobar pseudo-element accents ---- */
.kpi::before, .kpi::after,
.tool::after,
.hero::before,
h3.section::after { content: none !important; background: none !important; }

/* ---- 4. Header — flat clean navy band with a single saffron rule ---- */
header.main {
  background: linear-gradient(120deg, #0d1f4d 0%, #14306b 100%) !important;
  box-shadow: 0 1px 0 rgba(0,0,40,.12) !important;
  border-bottom: 3px solid #FF9933 !important;
  padding: 16px 28px !important;
  overflow: visible !important;
}
.title-block h1 { text-shadow: none !important; }
header.main .logo-l img, header.main .logo-r img {
  box-shadow: 0 1px 3px rgba(0,0,0,.2) !important;
}

/* ---- 5. Cards / KPI tiles — flat white, hairline border, soft shadow ---- */
.kpi, .tool {
  background: #ffffff !important;
  border: 1px solid #e4e8f0 !important;
  box-shadow: 0 1px 2px rgba(16,42,67,.05) !important;
  backdrop-filter: none !important;
}
.tool:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(16,42,67,.12) !important;
}
/* tool top accent → a clean flat colour bar (was front triangles) */
.tool::before {
  content: "" !important;
  height: 3px !important;
  background: #FF9933 !important;
  opacity: 1 !important;
}
.tool.crit::before { background: #C8102E !important; }
.tool.warn::before { background: #D97706 !important; }
.tool.ok::before   { background: #138808 !important; }
.tool.gold::before { background: #B8860B !important; }

/* ---- 6. Section headings — simple hairline + saffron tab ---- */
h3.section { border-bottom: 1px solid #e4e8f0 !important; padding-bottom: 10px !important; }
h3.section::before { background: #FF9933 !important; }

/* ---- 7. Hero / footer — flat ---- */
.hero  { background: #14306b !important; box-shadow: 0 1px 2px rgba(16,42,67,.08) !important; }
footer.main {
  background: #0d1f4d !important;
  padding: 22px 28px 18px !important;
  border-top: 3px solid #FF9933 !important;
}

/* ---- 8. Map pages (rainfall/humidity/wind/temperature/comparison) ----
        Harmonise the header to the Govt navy and de-noise the sidebar.
        (Map itself stays dark — standard for cartography.) */
.header {
  background: linear-gradient(120deg, #0d1f4d 0%, #14306b 100%) !important;
  border-bottom: 3px solid #FF9933 !important;
}
.sidebar { background: rgba(8,16,34,.6) !important; }
.layer-controls, .legend, .stat-box, .district-item, .stats-grid > * {
  box-shadow: none !important;
  border-color: rgba(255,255,255,.08) !important;
}
.layer-controls, .legend { background: rgba(255,255,255,.05) !important; }

/* ---- 9. Trim any leftover purely-decorative animation ---- */
.foot-glyphs .lit, .wb-fire, .wb-bolt, .wb-cyclone, .sb-sun,
.cw-layer-1, .cw-layer-2, .cw-layer-3 { animation: none !important; }