/* ── Türkiye il haritası (src/shared/harita.js) ─────────────────────────── */
.harita { position: relative; min-width: 0; direction: ltr; } /* harita bir resimdir: sağdan sola sayfada da aynalanmaz */
.harita svg { display: block; width: 100%; height: auto; }
.harita-hucre { cursor: pointer; }
.harita-hucre:focus, .harita-hucre:focus-visible { outline: none; } /* odak çizgisi .harita-odak yoluyla çizilir (tek izinli kırmızı) */
.harita-ust { transition: opacity 0.28s var(--ease-standard); }
.harita-hover, .harita-secili, .harita-odak { pointer-events: none; }
.harita-etiketler { font-family: var(--font-mono); font-weight: 500; letter-spacing: 0.02em; pointer-events: none; }
/* Etiket boyutu JS'de görüntü genişliğinden hesaplanır (11 px taban); burada font-size yazılmaz. */

.harita-ipucu {
  position: absolute; left: 0; top: 0; z-index: 2; /* fiziksel sol: JS konumu kabın sol kenarından translate ile verir */
  pointer-events: none; white-space: nowrap;
  background: var(--surface-card); border: 1px solid var(--border-control); border-radius: 2px;
  padding: 8px 10px; box-shadow: var(--card-lift);
}
.harita-ipucu[hidden] { display: none; }
[dir="rtl"] .harita-ipucu { direction: rtl; } /* ipucu metni sayfanın dilinde akar; .harita'nın ltr'si yalnızca harita içindir */
.harita-ipucu-ad { font-family: var(--font-sans); font-size: var(--fs-ui); font-weight: 500; color: var(--text-heading); }
.harita-ipucu-kat { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-family: var(--font-mono); font-size: var(--fs-meta); color: var(--text-secondary); }
.harita-ipucu-ek { margin-top: 2px; font-family: var(--font-mono); font-size: var(--fs-meta); color: var(--text-faint); }
.harita-ipucu-ek[hidden] { display: none; }
.swatch { display: inline-block; width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }
@media (hover: none) { .harita-ipucu { display: none; } } /* ipucu yalnızca imleçle */