.svg-turkiye-haritasi {
  max-width: 1140px;
  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: #f61010;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #222;
}
#svg-turkiye-haritasi path:hover {
  fill: #f61010;
}
#guney-kibris {
  pointer-events: none;
}
/* Loading spinner'ın genel tasarımı */
.loading-spinner {
  display: flex;                /* Flexbox kullanarak ortalamayı sağla */
  justify-content: center;      /* Yatayda ortala */
  align-items: center;          /* Dikeyde ortala */
  height: 100vh;                /* Sayfanın yüksekliğini kullan */
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5); /* Yarı saydam bir arka plan ekledik */
  z-index: 9999;                /* Diğer öğelerin üstünde görünmesini sağla */
}

/* Spinner animasyonu */
.loading-spinner .spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #f61010;
  border-radius: 50%;
  width: 80px;  /* Spinner boyutunu büyüttük */
  height: 80px;
  animation: spin 2s linear infinite;
}

/* Spin animasyonu */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Yükleniyor yazısı için stil */
.loading-spinner p {
  margin-top: 20px; /* Spinner ile yazı arasına boşluk ekleyelim */
  font-size: 20px;   /* Yazı boyutunu biraz büyütelim */
  color: #ffffff;    /* Yazıyı beyaz yapalım */
  font-weight: bold; /* Yazıyı kalın yapalım */
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); /* Yazıya hafif gölge ekleyelim */
}