/* ============================================================================
 * ICAN Mamdani Index — Tactical Overlay CSS
 * Grid lines, scan lines, and Leaflet container fixes
 * ============================================================================ */

/* ===== LEAFLET CONTAINER BACKGROUND FIX ===== */
/* Prevents white flash during zoom transitions */
.leaflet-container {
    background: var(--bg) !important;
}

.leaflet-tile-pane {
    background: var(--bg);
}

/* ===== TACTICAL GRID ===== */
.tactical-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 76%, transparent 77%, transparent),
        linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 76%, transparent 77%, transparent);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: 2;
}

/* ===== SCAN LINES ===== */
.scan-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.15),
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
    z-index: 3;
}