/*
 * Companion CSS for map-and-list.php - REQUIRED, not optional.
 *
 * map-and-list.php strips the SVG's own inline fill/stroke styles and
 * expects THIS file to supply them via #<mapId> path rules instead. If you
 * change $mapId when including map-and-list.php, duplicate this block with
 * the matching selector.
 *
 * Gotcha this file exists to prevent: if you skip loading this CSS (or
 * mistype the id), every state renders with the SVG's default fill, which
 * is BLACK - invisible on a dark background, easy to miss on a light one
 * too since it just looks like a plain silhouette. This exact bug already
 * happened once (OSINT Notebook project, 2026-07-16) before this module
 * was split out, and happened again here (2026-09-11) for the same reason:
 * $mapId was changed to 'nc-state-map' in data-sources.php but this file
 * still targeted the old default '#us-state-map' selector, so none of the
 * rules below ever applied - always check the two match after copying this
 * file into a new project.
 *
 * Colors below are notcdc.info's light theme (blue/green), not the module's
 * original dark-theme defaults.
 */

.us-state-map-tooltip {
    position: absolute;
    background: #1e3a3a;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
    pointer-events: none;
    z-index: 10;
}

#nc-state-map { max-width: 100%; height: auto; }
#nc-state-map path {
    fill: #bfe3ee;
    stroke: #ffffff;
    stroke-width: 1.5;
    cursor: pointer;
    transition: fill 0.2s;
}
#nc-state-map path:hover { fill: #1a8fb8; }
#nc-state-map path:active { filter: brightness(0.9); }