/* HARİTA KAPSAYICI – BOYUT & ORTALAMA */
.svg-turkiye-haritasi {
  max-width: 1100px;          /* Büyük harita */
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  margin-bottom: 0;           /* Kart içinde ekstra alt boşluk olmasın */
}

/* SVG – alt satır boşluğunu yok etmek için block */
.svg-turkiye-haritasi svg {
  display: block;
  width: 100%;
  height: auto;
}

/* Sadece bu kartta alt padding’i kısıyoruz (boşluğu azaltmak için) */
.map-card-body {
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-bottom: 0.5rem;   /* default ~1.25rem yerine, alt boşluğu ciddi azaltır */
}

/* İL ŞEKİLLERİ – düz gri, hover’da mavi */
#svg-turkiye-haritasi g[data-iladi] path {
  fill: #e9ecef !important;   /* normal gri */
  stroke: #ffffff;
  stroke-width: 1;
  cursor: pointer;
  transition: fill 0.2s ease;
}

/* Hover’da SADECE renk değişsin */
#svg-turkiye-haritasi g[data-iladi]:hover path {
  fill: #0d6efd !important;   /* mavi */
}

/* TOOLTIP (il adı + servis sayısı) */
.il-isimleri {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.il-isimleri div {
  background: #222;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  box-shadow: 0 3px 8px rgba(0,0,0,.25);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ALTTAKİ ŞEHİR BULUTU – sade tarz */
.city-cloud {
  background: #fff;
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .06);
}

.city-cloud-title {
  font-weight: 600;
  font-size: 0.95rem;
}

.city-pill {
  border: 1px solid #dee2e6;
  border-radius: 999px;
  background: #f8f9fa;
  padding: .35rem .9rem;
  margin: .25rem;
  font-size: .85rem;
  color: #495057;
  text-decoration: none;
  transition: all .15s;
}

.city-pill:hover {
  background: #e9f5ff;
  color: #0d6efd;
  border-color: #0d6efd;
}

/* Geniş ekranlarda harita biraz daha büyük kalsın */
@media (min-width: 1400px) {
  .svg-turkiye-haritasi {
    max-width: 1200px;
  }
}