.svg-turkiye-haritasi {
  max-width: 900px;
  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: #27226d;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: default; /* Varsayılan imleç */
  fill: #787878; /* Normal durumda dolgu rengi */
}

#svg-turkiye-haritasi path.tiklanabilir {
  cursor: pointer; /* Tıklanabilir imleç */
  fill: #291010; /* Tıklanabilir illerin normal dolgu rengi */
}

#svg-turkiye-haritasi path.tiklanabilir:hover {
  fill: #27226d; /* Hover efekti */
}

#svg-turkiye-haritasi path:not(.tiklanabilir):hover {
  fill: #787878; /* Tıklanamaz iller hover olduğunda dolgu rengi değişmeyecek */
}

.selected-il {
  fill: #27226d; /* Son tıklanan il hover rengiyle aynı renkte kalacak */
  stroke: #000; /* Tıklanan ili vurgulamak için kenarlık */
  stroke-width: 1px; /* Kenarlık kalınlığı */
}

#svg-turkiye-haritasi path.tiklanabilir.selected-il {
  fill: #27226d; /* Tıklanabilir ve seçilen il hover renginde kalır */
}