/*
 * 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 - a regex meant to strip only stroke-width accidentally
 * stripped the fill color along with it, and the fix was reusing this
 * "strip everything, restyle via CSS" pattern properly instead of patching
 * the SVG source directly.
 *
 * Swap the color values below to fit your theme - these are just examples.
 */

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

#us-state-map { max-width: 100%; height: auto; }
#us-state-map path {
    fill: #3a4a6a;
    stroke: #14141c;
    stroke-width: 1.5;
    cursor: pointer;
    transition: fill 0.2s;
}
#us-state-map path:hover { fill: #4a7fd6; }
#us-state-map path:active { filter: brightness(0.85); }