/**
 * Türkiye il haritası. Renk sabitlenmez: vurgu Elementor global primary, iller vurgunun açık tonu.
 * Site özelinde ayar için .cxdem-harita üzerinde --cxdem-harita-* değişkenlerini ezmek yeterli.
 * Boyut: SVG'de width/height (viewBox oranı) var, CSS genişliği kapsayıcıya uydurur; yükseklik
 * en-boy oranından gelir, sayfa kaymaz (CLS).
 */
.cxdem-harita {
	--cxdem-harita-vurgu: var(--e-global-color-primary, currentColor);
	--cxdem-harita-il: color-mix(in srgb, var(--cxdem-harita-vurgu) 9%, #fff);
	--cxdem-harita-sinir: #fff;
	--cxdem-harita-yazi: var(--e-global-color-text, currentColor);
	--cxdem-harita-max: 960px;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--cxdem-harita-max);
	margin: 0 auto;
}

/* Elementor kısa kod widget'ında figure'ü sıfırlayan kural (.elementor .elementor-widget:not():not() figure,
   özgüllük 0,4,1) yatay ortalamayı ezip haritayı sola yaslıyordu; yalnız yatay kenar boşluğu geri alınır. */
figure.cxdem-harita {
	margin-inline: auto !important;
}

/* Lisans atfı (CC BY-SA 3.0): her zaman görünür, küçük, metin renginde (AA kontrast), haritayla aynı eksende ortalı. */
.cxdem-harita__atif {
	margin-top: 8px;
	color: var(--cxdem-harita-yazi);
	font-size: 0.75rem;
	line-height: 1.4;
	text-align: center;
	text-wrap: balance;
}

.cxdem-harita__atif a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cxdem-harita__atif a:focus-visible {
	outline: 2px solid var(--cxdem-harita-vurgu);
	outline-offset: 2px;
}

.cxdem-harita .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cxdem-harita svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.cxdem-harita path {
	fill: var(--cxdem-harita-il);
	stroke: var(--cxdem-harita-sinir);
	stroke-width: 1;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}

.cxdem-harita path.cxdem-harita__vurgu {
	fill: var(--cxdem-harita-vurgu);
}

.cxdem-harita a:focus-visible {
	outline: none;
}

.cxdem-harita a:focus-visible path.cxdem-harita__vurgu {
	stroke: var(--cxdem-harita-yazi);
	stroke-width: 3;
}

.cxdem-harita__etiket {
	fill: var(--cxdem-harita-vurgu);
	font-family: var(--e-global-typography-primary-font-family, inherit);
	font-weight: 600;
	paint-order: stroke;
	stroke: #fff;
	stroke-width: 5px;
	stroke-linejoin: round;
	pointer-events: none;
}

/* Harita küçülünce il adı okunur kalsın: SVG içinde px = viewBox birimi (40 birim ~ 390px ekranda 14px). */
@media (max-width: 767px) {
	.cxdem-harita__etiket {
		font-size: 40px;
		stroke-width: 7px;
	}
}

/* Mobil yakın plan (mobil_yakin="1"): sarmalayıcı kırpma alanının oranını ayırır (CLS yok), SVG sunucuda hesaplanan
   yüzdelerle büyütülüp kaydırılır. Masaüstü ve tablette sarmalayıcı etkisizdir. */
@media (max-width: 767px) {
	.cxdem-harita--yakin .cxdem-harita__kirp {
		position: relative;
		overflow: hidden;
		aspect-ratio: var(--cxdem-kirp-oran);
	}

	.cxdem-harita--yakin .cxdem-harita__kirp > svg {
		position: absolute;
		top: var(--cxdem-kirp-y);
		left: var(--cxdem-kirp-x);
		width: var(--cxdem-kirp-g);
		max-width: none;
	}

	/* Yakın planda harita tam görünüme göre 2 ile 3,9 kat arası büyür (kırpma genişliğine bağlı); 20 birimlik etiket 390px
	   ekranda yaklaşık 15 ile 30px arası görünür. */
	.cxdem-harita--yakin .cxdem-harita__etiket {
		font-size: 20px;
		stroke-width: 4px;
	}
}