/* Situation Mini Map Styles */

#situation-mini-map {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1 / 1; /* Square format - responsive */
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  background: #272727;
}

#situation-mini-map svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Country styles */
#situation-mini-map .country {
  cursor: default; /* No interaction */
  vector-effect: non-scaling-stroke;
}

/* Situation countries - highlighted with conflict colors */
#situation-mini-map .country.situation-country {
  stroke-width: 1px;
  opacity: 1;
}

/* Outline countries - same style as main map */
#situation-mini-map .country.outline-country {
  fill: #4c4c4c;
  stroke: #707070;
  stroke-width: 1px;
  opacity: 1;
}

/* Conflict type specific styles (if needed for patterns) */
#situation-mini-map .country.military-occupation {
  /* Pattern will be applied via fill attribute in JS */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #situation-mini-map {
    max-width: 340px;
  }
}

@media (max-width: 480px) {
  #situation-mini-map {
    max-width: 340px;
  }
}