/* Perfect Gold USA Map - Reference Image Match */
#usa-map {
  width: 100%;
  height: 500px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

/* Updated for Deep Gold Match */
#usa-map .jqvmap-region {
  /* This is the rich gold from your reference image */
  fill: #D4AF37 !important;        
  /* Darker bronze border to make the states pop */
  stroke: #B8860B !important;      
  stroke-width: 0.8;
  stroke-linejoin: round;
  transition: all 0.25s ease-in-out;
}

#usa-map .jqvmap-region.jqvmap-hover {
  /* Bright yellow-gold on hover */
  fill: #FFD700 !important;        
  stroke: #DAA520 !important;
  stroke-width: 1.5 !important;
  cursor: pointer;
}

#usa-map .jqvmap-region.jqvmap-region-selected {
  /* Deep metallic bronze for selected state */
  fill: #8B6508 !important;        
  stroke: #5D4300 !important;
  stroke-width: 2 !important;
}

/* Clean Tooltip */
.jqvmap-tooltip {
  background: rgba(0,0,0,0.85) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 1px solid #D4AF37 !important; /* Gold border on tooltip */
  z-index: 1000;
}

/* Responsive */
@media (max-width: 768px) { #usa-map { height: 400px; } }
@media (max-width: 576px) { #usa-map { height: 320px; } }


/* Labels aur Pins */
.jqvmap-label, .jqvmap-pin {
    pointer-events: none;
}

.jqvmap-label {
    position: absolute;
    display: none;
    border-radius: 3px;
    background: #292929;
    color: #fff;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

/* Zoom In aur Zoom Out Buttons ko yahan hide kiya gaya hai */
.jqvmap-zoomin, .jqvmap-zoomout {
    display: none !important;
}

/* Baqi Settings */
.jqvmap-region {
    cursor: pointer;
}

.jqvmap-ajax_response {
    width: 100%;
    height: 500px;
}