.svg-turkiye-haritasi { max-width: 1140px; margin: 0 auto; position: relative; }
.svg-turkiye-haritasi svg { width: 100%; height: auto; }
.il-isimleri { position: absolute; z-index: 5; pointer-events: none; }
.il-isimleri div { background: #222; color: #fff; padding: 8px 12px; border-radius: 4px; font-size: 13px; }
#svg-turkiye-haritasi path { cursor: pointer; transition: fill .15s ease; }
#svg-turkiye-haritasi path:hover { fill: #666; }
 
div#svg-turkiye-haritasi {
    height: 500px;
    margin: 20px 0;
}

.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: #222;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#svg-turkiye-haritasi path {
  cursor: pointer;
}
#svg-turkiye-haritasi path:hover {
  fill: #666;
}
#bolge-1 g path{
  fill:#87cdde
}
#bolge-2 g path{
  fill:#ac93a7
}
#bolge-3 g path{
  fill:#ffb380
}
#bolge-4 g path{
  fill:#cccccc
}
#bolge-5 g path{
  fill:#decd87
}
#bolge-6 g path{
  fill:#de8787
}
#bolge-7 g path{
  fill:#aade87
}

/* SVG içi il etiketleri */
.il-isim-etiketleri .il-label {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  fill: #111;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 3px;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 640px) {
  .il-isim-etiketleri .il-label {
    stroke-width: 2px;
  }
}