/* === Atek Türkiye Harita Animasyon === */
.atek-tr {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: 0;
}
.atek-tr-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* İl alanları */
.atek-il {
  fill: var(--il-fill, #c4d5dc);
  transition: fill .25s ease;
}
.atek-il:hover { fill: var(--hover-fill, #aac2cc); }
.atek-il.is-dest { fill: var(--dest-fill, #9fb9c6); }
.atek-il.is-center { fill: var(--center-fill, #2e4855); }

/* Oklar – mask ile gizli başlar */
.atek-reveal {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

/* Overlay katmanları */
.atek-pin,
.atek-city,
.atek-center-halo {
  position: absolute;
  pointer-events: none;
}

/* Hedef nokta grubu */
.atek-city {
  z-index: 4;
  transform: translate(-50%, -50%);
  line-height: normal;
}
.atek-halo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--halo-color, #9fbccb);
  opacity: .6;
  z-index: 1;
}
.atek-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--dot-size, 9px);
  height: var(--dot-size, 9px);
  margin-left: calc(var(--dot-size, 9px) / -2);
  margin-top: calc(var(--dot-size, 9px) / -2);
  border-radius: 50%;
  background: var(--dot-color, #2e4855);
  z-index: 3;
}
.atek-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--pulse-size, 38px);
  height: var(--pulse-size, 38px);
  margin-left: calc(var(--pulse-size, 38px) / -2);
  margin-top: calc(var(--pulse-size, 38px) / -2);
  border-radius: 50%;
  background: var(--pulse-color, #2e4855);
  opacity: 0;
  transform: scale(0.2);
  z-index: 2;
}
.atek-city.atek-pulsing .atek-pulse {
  animation: atekPulse var(--pulse-duration, 1700ms) ease-out infinite;
}
@keyframes atekPulse {
  0%   { opacity: .45; transform: scale(.2); }
  70%  { opacity: 0;   transform: scale(1); }
  100% { opacity: 0;   transform: scale(1); }
}

/* Merkez halo */
.atek-center-halo {
  z-index: 4;
  transform: translate(-50%, -50%);
}

/* Merkez pin */
.atek-pin {
  z-index: 6;
  line-height: 0;
}
.atek-pin-shape { display: block; width: 100%; height: auto; }
.atek-pin--shadow .atek-pin-shape {
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.28));
}
.atek-pin-icon {
  position: absolute;
  left: 50%;
  top: 36%;
  transform: translate(-50%, -50%);
  line-height: 0;
}
.atek-pin-icon img { display: block; }

@media (prefers-reduced-motion: reduce) {
  .atek-city.atek-pulsing .atek-pulse { animation: none; }
}