/* ============================================================
   Home page — light glassmorphism overrides for previously
   dark sections (PAN India map, Insights). Loaded last on index.
   ============================================================ */

/* ---------------------------------------- PAN India section --- */
#page3 {
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(59, 111, 160, 0.14), transparent 62%),
    radial-gradient(800px 500px at 90% 20%, rgba(201, 168, 76, 0.10), transparent 60%),
    linear-gradient(160deg, #f7f9fd 0%, #eaf0f8 52%, #f4f1e9 100%) !important;
  color: var(--v-ink, #0f1b3d) !important;
}

#page3 .txttt,
#page3 .txttt h1,
#page3 h1,
#page3 h2 {
  color: #0f1b3d !important;
}

.map-panel,
.map-canvas {
  background: rgba(255, 255, 255, 0.66) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 18px 45px rgba(15, 27, 61, 0.12) !important;
}

.map-panel-head h4 { color: #0f1b3d !important; }
.map-panel-head p,
.map-count { color: #56648a !important; }

.map-search {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(15, 27, 61, 0.12) !important;
  color: #0f1b3d !important;
}
.map-search::placeholder { color: rgba(86, 100, 138, 0.7) !important; }
.map-search:focus {
  border-color: #3b6fa0 !important;
  box-shadow: 0 0 0 4px rgba(59, 111, 160, 0.14) !important;
}

.map-chip {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(15, 27, 61, 0.12) !important;
  color: #40507a !important;
}
.map-chip:hover,
.map-chip.is-active {
  background: #1e3a5f !important;
  border-color: #1e3a5f !important;
  color: #ffffff !important;
}

.map-loc {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(15, 27, 61, 0.10) !important;
  color: #0f1b3d !important;
  box-shadow: 0 6px 18px rgba(15, 27, 61, 0.05);
}
.map-loc:hover {
  background: #ffffff !important;
  border-color: rgba(59, 111, 160, 0.55) !important;
  box-shadow: 0 12px 26px rgba(15, 27, 61, 0.12);
}
.map-loc span { color: #56648a !important; }
.map-loc.is-hq { border-color: rgba(201, 168, 76, 0.75) !important; }
.map-loc.is-target { border-color: rgba(46, 160, 118, 0.45) !important; }
.map-loc.is-regional { border-color: rgba(126, 92, 200, 0.4) !important; }

.map-legend { color: #56648a !important; }
.map-legend .dot { background: #2f6fed; }
.map-legend .dot.hq { background: #f0b429; }
.map-legend .dot.target { background: #e2483d; }
.map-legend .dot.regional { background: #8b5cf6; }

.map-fallback { color: #56648a !important; }

/* ------------------------------------------ Insights section --- */
.insights {
  background:
    radial-gradient(800px 450px at 80% 0%, rgba(59, 111, 160, 0.12), transparent 60%),
    linear-gradient(155deg, #f6f8fc 0%, #eef3fa 50%, #f4f1e9 100%) !important;
}

.insights-head h2,
.insights-card h3,
.insights-card h4 { color: #0f1b3d !important; }

.insights-head p,
.insights-card p { color: #56648a !important; }

.insights-link {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(15, 27, 61, 0.12) !important;
  color: #1e3a5f !important;
}
.insights-link:hover {
  background: #1e3a5f !important;
  color: #ffffff !important;
  border-color: #1e3a5f !important;
}

.insights .article-card,
.insights-grid > a,
.insights-grid > article {
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 18px 45px rgba(15, 27, 61, 0.10) !important;
  color: #0f1b3d !important;
}
.insights .article-card:hover,
.insights-grid > a:hover,
.insights-grid > article:hover {
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 30px 70px rgba(15, 27, 61, 0.18) !important;
}
.insights .article-card * { color: inherit; }
.insights .article-card p { color: #56648a !important; }

/* Leaflet map pins & popups */
.vijas-pin-wrap { background: transparent !important; border: 0 !important; }
.vijas-pin {
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(16, 34, 66, 0.28);
  transition: transform .18s ease;
}
.vijas-pin-wrap:hover .vijas-pin { transform: scale(1.25); }
.leaflet-container { background: #eaf1fa !important; font-family: inherit; border-radius: inherit; }
.leaflet-popup-content-wrapper {
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(47,111,237,.18);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(16,34,66,.16);
  color: #1b2a45;
}
.leaflet-popup-tip { background: rgba(255,255,255,.92); }
.map-iw strong { color: #102242; }
.map-iw em { color: #56648a; font-style: normal; font-size: .82em; }