/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */

.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: #FF7F00;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Tüm illerin varsayılan rengi koyu gri olsun ve tıklama etkileşimi kapalı olsun */
#svg-turkiye-haritasi g path {
  fill: #444; /* Koyu gri */
  cursor: default;
  pointer-events: none; /* Tüm illere tıklamayı engeller */
}

/* highlighted-city sınıfına sahip g etiketinin içindeki path'lerin rengini ve etkileşimini ayarla */
#svg-turkiye-haritasi g.highlighted-city path {
  fill: #c76402; /* Sönük turuncu */
  cursor: pointer;
  pointer-events: all; /* Tıklamayı etkinleştirir */
}

/* highlighted-city sınıfına sahip g etiketinin içindeki path'lerin üzerine gelince rengini değiştir */
#svg-turkiye-haritasi g.highlighted-city:hover path {
  fill: #FF7F00; /* Parlak turuncu */
}

/* Güney Kıbrıs için özel kural */
#guney-kibris {
  pointer-events: none;
}