/* Map-specific CSS */
.world-map-container {
  position: relative;
  min-height: 400px;
}

.map-country {
  transition: all 0.2s ease;
  cursor: pointer;
}

.map-country:hover {
  stroke: #1f2937;
  stroke-width: 2;
  filter: brightness(1.1);
}

.map-country.highlighted {
  stroke: #1f2937;
  stroke-width: 3;
  filter: brightness(1.2);
}

.map-country.focused {
  stroke: #2563eb;
  stroke-width: 3;
  filter: brightness(1.2);
}

/* Risk level specific styles with new theme colors */
.map-country--high-risk { fill: #DC2626; }
.map-country--medium-risk { fill: var(--color-orange-warm); }
.map-country--low-risk { fill: #059669; }
.map-country--analyzing { fill: #2A4A6B; }
.map-country--no-profile { fill: var(--tactical-gray); }

/* Score-based colors for dynamic factor/vector analysis */
.map-country--score-high { fill: #DC2626; }      /* Red for scores 1-3 (high risk) */
.map-country--score-medium { fill: #F59E0B; }    /* Yellow for scores 4-6 (medium risk) */
.map-country--score-low { fill: #059669; }       /* Green for scores 7-10 (low risk) */
.map-country--score-none { fill: var(--tactical-gray); } /* Dark gray for no data */
.map-country--score-na { fill: #E5E7EB; }        /* Light gray for N/A (perspective doesn't evaluate these factors) */

/* Enhanced map interactions */
.map-country:hover {
  stroke: var(--color-navy-dark);
  stroke-width: 2;
  filter: brightness(1.15) saturate(1.1);
}

.map-country.highlighted {
  stroke: var(--color-yellow-bright);
  stroke-width: 3;
  filter: brightness(1.2) saturate(1.2);
}

.map-country.focused {
  stroke: var(--color-orange-warm);
  stroke-width: 3;
  filter: brightness(1.2) saturate(1.2);
  box-shadow: var(--shadow-md);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .world-map-container {
    min-height: 300px;
  }
}

/* Legend color squares with new theme */
.legend-color-high-risk {
  background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
  border-radius: var(--radius-sm);
}
.legend-color-medium-risk {
  background: linear-gradient(135deg, var(--color-orange-warm) 0%, var(--color-orange-light) 100%);
  border-radius: var(--radius-sm);
}
.legend-color-low-risk {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%);
  border-radius: var(--radius-sm);
}
.legend-color-analyzing {
  background: linear-gradient(135deg, var(--color-navy-dark) 0%, var(--color-navy-light) 100%);
  border-radius: var(--radius-sm);
}
.legend-color-no-profile {
  background: linear-gradient(135deg, var(--color-gray-300) 0%, var(--color-gray-200) 100%);
  border-radius: var(--radius-sm);
}