.country {
  fill: #142236;

  cursor: pointer;

  transition: fill 0.3s ease;
}

.country:hover {
  fill: #e9a822;
}

#tooltip {
  position: absolute;

  display: none;

  background: rgba(0, 0, 0, 0.8);

  color: white;

  padding: 5px 10px;

  border-radius: 5px;

  font-size: 14px;

  pointer-events: none;
}

#tooltip strong {
  color: #fff;
}

/* Haritanın kapsayıcı container'ı */

#svg-map-container {
  width: 100%;

  height: auto;

  position: relative;

  overflow: hidden;

  touch-action: none;
  text-align: center;
}

/* SVG kendini kapsayıcıya göre ölçeklendirsin */

#svg-map-container svg {
  display: block;

  margin: auto;

  width: 100%;
}
button#toggleZoomButton {
  margin-top: 1rem;
}