/*! 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;
}

/* TOOLTIP KUTUSU */
.il-isimleri {
  position: fixed;               /* fareyi tam takip etsin diye fixed */
  z-index: 999999 !important;    /* diğer her şeyin üstünde olsun */
  pointer-events: none;          /* farenin tıklamasını engellemesin */
}

/* Tooltip içi – EN ÖNEMLİ DÜZELTME */
.il-isimleri div {
  font-family: 'Open Sans';
  display: block !important;     /* ARTIK GÖRÜNÜR */
  background: #00963F;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 4px;
  white-space: nowrap;           /* uzun isimler taşmasın */
  font-size: 14px;
  border:2px solid #000;
}

/* HARİTA RENKLERİ */
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #222;
}

#svg-turkiye-haritasi path:hover {
  fill: #66ffff;
}

#svg-turkiye-haritasi .secili path {
  fill: #00963F;
}

#svg-turkiye-haritasi .secili path:hover {
  fill: #66ffff;
}

#guney-kibris {
  pointer-events: none;
}