/* 1. Varsayılan Gri Rengi Kaldırıyoruz */
/* Bu satırı siliyoruz veya şu şekilde güncelliyoruz: */
#svg-turkiye-haritasi path {
    cursor: pointer;
    transition: fill 0.2s ease;
    /* fill: #494e5d;  <-- BU SATIRI SİLİN VEYA YORUMA ALIN */
}

/* 2. Hover Efektini Sadece İlgili İl İçin Tanımlıyoruz */
/* g:hover path kullanarak sadece üzerine gelinen grubu parlatıyoruz */
 

/* 3. Ziyaret Edilmiş İller İçin Farklı Hover (İsteğe Bağlı) */
/* Eğer ziyaret edilen iller (secili) hover olunca farklı renk olsun istersen: */
#svg-turkiye-haritasi g.secili:hover path {
    fill: #ff917e !important; /* Örn: Altın sarısı */
}


/* Kütüphane sonrası kayan görüntü için kapsayıcıyı sabitleyelim */
.svg-turkiye-haritasi {
    width: 100%;
    height: 600px; /* Ekran görüntüsündeki boşluğu kapatmak için yükseklik ver */
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
}



.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
  margin: 20px 0;
 }
.il-isimleri {
  position: fixed;
  z-index: 2;
}
.il-isimleri div {
  display: none;
  background: #05263f;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #494e5d;
}
#svg-turkiye-haritasi path:hover {
  cursor: pointer;
  fill: #667a8c;
}
#svg-turkiye-haritasi .secili path:hover {
  fill: #f57b7b;
}

.st0{fill:#ffffff; font-size:8px}
.st1{fill:#ffffff; font-size:7px}
.st3{fill:#000000!important; font-size:7px }
.st4{font-size:9px;}
.st5{font-size:8px;}
.st6{font-size:9px;}
.st7{fill:#FCFCFC;}
.st8{fill:#FFFAFA;}
.st9{fill:#F9F9F9;}
.st10{font-size:8px;}
.st11{fill:#F7F7F7;}
.st12{fill:#1D1D1B;}
.st13{fill:#F9F2F2;}