/* colorado-map.css */

.colorado-map-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.colorado-map-wrapper svg {
    width: 100%;
    height: auto;
}

.metro-city {
    fill: #4CAF50;
    stroke: #ff8c00;
    stroke-width: 2;
    cursor: pointer;
    transition: all .2s ease;
}

.rest-colorado {
    fill: #b7ddb4;
    stroke: #ff8c00;
    stroke-width: 2;
    cursor: pointer;
}

.metro-city:hover,
.rest-colorado:hover {
    opacity: .8;
}

.map-tooltip {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    padding: 8px 12px;
    pointer-events: none;
    display: none;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    font-size: 14px;
}