/*! 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;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: #1094F6;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #C4C4C4;
}
#svg-turkiye-haritasi path:hover {
  fill: #1094F6;
}
#guney-kibris {
  pointer-events: none;
}
/* --- OSGB REHBERİ GELİŞMİŞ RAPOR KUTUSU TASARIMI --- */
.il-isimleri div {
  font-family: 'Open Sans', sans-serif !important;
  display: block !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid #1094F6 !important;
  color: #333333 !important;
  padding: 6px 8px !important; 
  border-radius: 4px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
  font-size: 10px !important; 
  width: 170px !important; /* Mobil ve masaüstünde sabit kararlı genişlik */
  max-width: 170px !important;
  text-align: left !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* Kutu Başlığı (Örn: İstanbul Lise Raporu) */
.il-isimleri h4 {
  margin: 0 0 5px 0 !important;
  color: #1094F6 !important;
  font-size: 11px !important; 
  font-weight: bold !important;
  border-bottom: 1px solid #e3e6f0 !important;
  padding-bottom: 3px !important;
  white-space: nowrap !important;
}

/* Lise Havuz Alanı Kuralları */
.lise-listesi-havuz {
  display: block !important;
  width: 100% !important;
  clear: both !important;
}

/* 🏢 EN İÇTEKİ TAŞMA TAMİRİ: Satırların dışarı taşmasını keser */
.il-isimleri div .alt-sektor-satir {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin-bottom: 3px !important;
  overflow: hidden !important; 
  white-space: nowrap !important;
}

/* ✂️ ÜÇ NOKTA SİHRİ: Uzun lise isimlerini kutu sınırında keser */
.il-isimleri div .alt-sektor-satir span:first-child {
  display: inline-block !important;
  max-width: 125px !important; /* İsmin sığacağı güvenli alan */
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* Sığmayan yazıların sonuna ... koyar */
  white-space: nowrap !important;
  float: left !important;
}

/* Satır içi sayıların sağa kilitlenmesi */
.il-isimleri div .alt-sektor-satir span:last-child {
  float: right !important;
  font-weight: bold !important;
  color: #1094F6 !important;
}

/* Kutunun İçindeki Tıklanabilir Rehber Linkleri / Butonlar */
.il-isimleri a {
  display: block !important;
  clear: both !important;
  color: #4a5568 !important;
  text-decoration: none !important;
  margin: 3px 0 !important; 
  padding: 3px 5px !important; 
  border-radius: 3px !important;
  transition: background 0.2s, color 0.2s !important;
  font-weight: 600 !important;
  font-size: 10px !important; 
  line-height: 1.2 !important;
  border: 1px solid #e3e6f0 !important;
  background: #f8fafc !important;
  overflow: hidden !important;
}

/* Fare linkin üzerine geldiğinde tetiklenecek tatlı mavi renk */
.il-isimleri a:hover {
  background: #f0f8ff !important;
  color: #1094F6 !important;
}

/* Sağ tarafa yaslanacak dinamik sayı sayaçları */
.il-isimleri .sayi {
  font-weight: bold !important;
  float: right !important;
  color: #1094F6 !important;
  margin-left: 5px !important;
  font-size: 10px !important;
}