/* USMap component specific styles */
.us-map-container {
    height: 600px;
    min-width: 310px;
    margin-top: 20px;
    border-radius: 8px;
    background-color: transparent;
    padding: 15px;
}

/* Hide Highcharts credits */
.highcharts-credits {
    display: none !important;
}

/* Hide Highcharts context menu */
.highcharts-contextmenu {
    display: none !important;
}

/* Hide Highcharts legend */
.highcharts-legend {
    display: none !important;
}

/* Force transparent backgrounds */
.highcharts-background,
.highcharts-plot-background,
.highcharts-plot-border,
.highcharts-container {
    fill: transparent !important;
    stroke: transparent !important;
    background-color: transparent !important;
}

/* Enhance state borders */
.highcharts-map-series .highcharts-point {
    stroke: #333333 !important;
    stroke-width: 0.2px !important;
    stroke-opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

/* Style for hover state */
.highcharts-point-hover {
    transition: fill 0.2s;
    stroke-width: 0.2px !important;
    stroke: #000000 !important;
}

/* Map title styling */
.highcharts-title {
    font-family: var(--bs-font-sans-serif);
    font-weight: bold !important;
    font-size: 1.4em !important;
}

/* Optimize state code labels */
.highcharts-data-label text {
    font-weight: bold !important;
    font-size: 10px !important;
    fill: #000 !important;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff;
}

/* Special styling for Puerto Rico */
[class$="highcharts-key-us-pr"] {
    stroke-width: 1px !important;
    stroke: #333 !important;
    fill-opacity: 0.9 !important;
}

/* Make sure insets don't have backgrounds */
.highcharts-map-navigation,
.highcharts-mapview-inset-border {
    fill: transparent !important;
    stroke: transparent !important;
}}