/* Egeyön Türkiye Anaokulu Haritası
 * Yazı tipi, metin rengi ve başlıklar temadan gelir (inherit / currentColor).
 * Vurgu rengini temada değiştirmek için: .etah { --etah-accent: #c8102e; }
 */
.etah {
	--etah-accent: var(--wp--preset--color--primary, #c8102e);
	--etah-line: color-mix(in srgb, currentColor 14%, transparent);
	--etah-soft: color-mix(in srgb, currentColor 5%, transparent);
	--etah-muted: color-mix(in srgb, currentColor 62%, transparent);
	--etah-radius: 10px;
	font: inherit;
	color: inherit;
	margin: 0 0 2rem;
}
.etah *, .etah *::before, .etah *::after { box-sizing: border-box; }
.etah-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.etah__title { margin: 0 0 .35em; }
.etah__lead { margin: 0 0 1rem; color: var(--etah-muted); }

/* ---------- Filters ---------- */
.etah-filters {
	display: flex; flex-wrap: wrap; gap: .5rem; align-items: stretch;
	margin: 0 0 1rem;
}
.etah-field--q { flex: 2 1 260px; }
.etah-field--il { flex: 1 1 200px; }
.etah-filters input[type="search"],
.etah-filters select {
	width: 100%; min-height: 44px; margin: 0;
	padding: .55rem .8rem;
	font: inherit; color: inherit;
	background-color: transparent;
	border: 1px solid var(--etah-line); border-radius: var(--etah-radius);
}
.etah-filters select option:disabled { color: #9aa0a6; }
.etah-filters input:focus, .etah-filters select:focus { outline: 2px solid var(--etah-accent); outline-offset: 1px; }
.etah-btn {
	min-height: 44px; padding: .55rem 1rem; margin: 0;
	font: inherit; font-weight: 600; line-height: 1.2; cursor: pointer;
	border-radius: var(--etah-radius);
	border: 1px solid var(--etah-accent);
	background: var(--etah-accent); color: #fff;
}
.etah-btn--clear { background: transparent; color: inherit; border-color: var(--etah-line); }
.etah-btn--clear:hover { border-color: currentColor; }
.etah-btn--search { flex: 0 0 auto; }

/* ---------- Map ---------- */
.etah-map {
	border: 1px solid var(--etah-line); border-radius: var(--etah-radius);
	background: var(--etah-soft);
	padding: .5rem; margin: 0 0 1rem;
}
.etah-map__bar { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; align-items: center; padding: .15rem .25rem .5rem; font-size: .875em; }
.etah-legend { display: flex; gap: 1rem; color: var(--etah-muted); }
.etah-legend span { display: inline-flex; align-items: center; gap: .35rem; }
.etah-dot { display: inline-block; width: .8em; height: .8em; border-radius: 3px; }
.etah-dot--active { background: linear-gradient(135deg, #e4572e, #f3a712 50%, #29a37a); }
.etah-dot--soon { background: #d9dde3; }
.etah-zoom { display: inline-flex; border: 1px solid var(--etah-line); border-radius: 999px; overflow: hidden; }
.etah-zoom__btn { font: inherit; font-size: .85em; padding: .35rem .8rem; border: 0; background: transparent; color: inherit; cursor: pointer; }
.etah-zoom__btn[aria-pressed="true"] { background: var(--etah-accent); color: #fff; }
.etah-map__canvas { position: relative; }
.etah-map__svg { display: block; width: 100%; height: auto; overflow: hidden; }
.etah.is-zoomed .etah-map__svg { max-height: 70vh; }

.etah-prov {
	fill: var(--c);
	stroke: #fff; stroke-width: .5; stroke-linejoin: round;
	transition: fill .15s ease, opacity .15s ease, filter .15s ease;
}
.etah-prov.is-inactive {
	fill: color-mix(in srgb, var(--c) 30%, #e6e9ee);
	cursor: not-allowed;
}
.etah-prov.is-active { cursor: pointer; stroke-width: .9; }
.etah-prov.is-active:hover,
.etah-prov.is-active:focus-visible { filter: brightness(1.1) saturate(1.15); outline: none; stroke: #1f2937; stroke-width: 1.4; }
.etah-prov.is-selected { stroke: #111827; stroke-width: 1.8; filter: brightness(1.05) saturate(1.2); }
.etah-layer--ege { filter: drop-shadow(0 1.5px 2px rgba(0, 0, 0, .28)); }
.etah-layer--ege .etah-prov { stroke-width: 1.2; }

.etah-lbl {
	fill: #4b5563; font-family: inherit; font-weight: 500;
	text-anchor: middle; dominant-baseline: middle;
	pointer-events: none; user-select: none;
	paint-order: stroke; stroke: rgba(255, 255, 255, .85); stroke-width: 1.4px; stroke-linejoin: round;
	opacity: .85;
}
.etah-lbl.is-active { fill: #111827; opacity: 1; }
.etah-lbl.is-ege { font-weight: 700; stroke-width: 2.4px; }
.etah-lbl__n { font-weight: 600; font-size: .78em; fill: #374151; }

.etah-tip {
	position: absolute; z-index: 5; transform: translate(-50%, calc(-100% - 12px));
	min-width: 140px; max-width: 240px;
	padding: .45rem .65rem; border-radius: 8px;
	background: #111827; color: #fff;
	font-size: .85rem; line-height: 1.35; text-align: center;
	pointer-events: none; box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
}
.etah-tip strong, .etah-tip span, .etah-tip em { display: block; }
.etah-tip em { font-style: normal; opacity: .75; font-size: .9em; }
.etah-tip.is-soon { background: #4b5563; }

/* ---------- Status ---------- */
.etah-status { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between; margin: 0 0 .75rem; }
.etah-summary { margin: 0; font-weight: 600; }
.etah-cta { font-weight: 600; color: var(--etah-accent); text-decoration: none; }
.etah-cta:hover { text-decoration: underline; }
.etah.is-loading .etah-grid { opacity: .45; transition: opacity .15s; }

/* ---------- Cards ---------- */
.etah-grid {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.etah-card { margin: 0; padding: 0; }
.etah-card__inner {
	height: 100%; display: flex; flex-direction: column;
	border: 1px solid var(--etah-line); border-radius: var(--etah-radius);
	overflow: hidden; background: inherit;
	transition: box-shadow .15s ease, transform .15s ease;
}
.etah-card__inner:hover { box-shadow: 0 8px 22px rgba(0, 0, 0, .09); transform: translateY(-2px); }
.etah-card.is-premium .etah-card__inner { border-color: color-mix(in srgb, var(--etah-accent) 55%, transparent); }
.etah-card__media { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--etah-soft); overflow: hidden; }
.etah-card__img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.etah-card__ph { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 3rem; font-weight: 700; color: var(--etah-muted); }
.etah-card__badge {
	position: absolute; left: .6rem; bottom: .6rem;
	padding: .2rem .55rem; border-radius: 999px;
	font-size: .75rem; font-weight: 600; line-height: 1.4;
	background: rgba(17, 24, 39, .78); color: #fff;
}
.etah-card.is-premium .etah-card__badge { background: var(--etah-accent); }
.etah-card__body { display: flex; flex-direction: column; gap: .45rem; padding: .85rem .9rem 1rem; flex: 1; }
.etah-card__loc { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0; }
.etah-chip {
	display: inline-block; padding: .12rem .55rem; border-radius: 999px;
	font-size: .78rem; font-weight: 600; line-height: 1.5;
	border: 1px solid var(--etah-line); color: inherit; text-decoration: none;
}
.etah-chip--il { border-color: var(--etah-accent); color: var(--etah-accent); }
a.etah-chip:hover { background: var(--etah-soft); }
.etah-card__title { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.etah-card__title a { color: inherit; text-decoration: none; }
.etah-card__title a:hover { color: var(--etah-accent); }
.etah-card__meta { margin: 0; font-size: .9rem; color: var(--etah-muted); }
.etah-card__tags { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0; }
.etah-card__tags span { font-size: .78rem; padding: .1rem .5rem; border-radius: 6px; background: var(--etah-soft); }
.etah-card__actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: auto; padding-top: .35rem; }
.etah-act {
	font-size: .8rem; font-weight: 600; padding: .3rem .6rem; border-radius: 8px;
	border: 1px solid var(--etah-line); color: inherit; text-decoration: none; line-height: 1.3;
}
.etah-act:hover { border-color: currentColor; }
.etah-act--wa { background: #25d366; border-color: #25d366; color: #fff; }
.etah-act--tel { background: var(--etah-accent); border-color: var(--etah-accent); color: #fff; }
.etah-act--wa:hover, .etah-act--tel:hover { filter: brightness(.95); color: #fff; }
.etah-card__more { font-weight: 600; font-size: .9rem; color: var(--etah-accent); text-decoration: none; }
.etah-card__more:hover { text-decoration: underline; }

.etah-more-wrap { text-align: center; margin-top: 1.25rem; }
.etah-more[hidden] { display: none; }

@media (max-width: 600px) {
	.etah-filters .etah-btn--clear { flex: 1 1 100%; }
	.etah-grid { grid-template-columns: 1fr; }
	.etah-map { padding: .35rem; }
}

/* ---------- Breadcrumb ---------- */
.etah-bc { margin: 0 0 1rem; font-size: .9rem; }
.etah-bc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.etah-bc li { margin: 0; padding: 0; display: inline-flex; align-items: center; gap: .25rem; }
.etah-bc li + li::before { content: "›"; color: var(--etah-muted, #888); }
.etah-bc a { color: inherit; text-decoration: none; opacity: .8; }
.etah-bc a:hover { opacity: 1; color: var(--etah-accent, #c8102e); text-decoration: underline; }
.etah-bc a[aria-current="page"] { opacity: 1; font-weight: 600; }

/* ---------- Search with suggestions ---------- */
.etah-combo { position: relative; }
.etah-combo__panel {
	position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px);
	max-height: min(420px, 60vh); overflow: auto;
	background: #fff; color: #1f2937;
	border: 1px solid rgba(0, 0, 0, .12); border-radius: var(--etah-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
	padding: .35rem;
}
.etah-combo__group { font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #6b7280; padding: .5rem .6rem .25rem; }
.etah-combo__opt {
	display: flex; align-items: center; gap: .6rem;
	padding: .5rem .6rem; border-radius: 8px;
	color: inherit; text-decoration: none; cursor: pointer;
}
.etah-combo__opt.is-active, .etah-combo__opt:hover { background: #f3f4f6; }
.etah-combo__opt.is-soon { opacity: .6; cursor: default; }
.etah-combo__txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.etah-combo__txt strong { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.etah-combo__txt small { color: #6b7280; font-size: .8rem; }
.etah-combo__n { font-size: .78rem; color: #6b7280; white-space: nowrap; }
.etah-combo__badge { flex: 0 0 auto; font-size: .7rem; font-weight: 700; padding: .15rem .45rem; border-radius: 6px; background: #eef2ff; color: #3730a3; min-width: 4.6em; text-align: center; }
.etah-combo__badge--il { background: #fef3c7; color: #92400e; }
.etah-combo__badge--ilce { background: #dcfce7; color: #166534; }
.etah-combo__badge--okul { background: #fee2e2; color: #991b1b; }
.etah-combo__empty { padding: .9rem .8rem; display: flex; flex-direction: column; gap: .2rem; }
.etah-combo__empty span { color: #6b7280; font-size: .85rem; }
.etah.is-loading .etah-combo__input { background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.06), transparent); background-size: 200% 100%; animation: etah-shimmer 1s linear infinite; }
@keyframes etah-shimmer { to { background-position: -200% 0; } }

/* ---------- Province chips (Turkey / region page) ---------- */
.etah-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.etah-chips li { margin: 0; }
.etah-chips a, .etah-chips .is-soon {
	display: inline-flex; align-items: center; gap: .4rem;
	padding: .35rem .7rem; border-radius: 999px; font-weight: 600; font-size: .9rem;
	border: 1px solid var(--etah-line); color: inherit; text-decoration: none;
}
.etah-chips a::before { content: ""; width: .7em; height: .7em; border-radius: 50%; background: var(--c); }
.etah-chips a:hover { border-color: var(--c); }
.etah-chips span span, .etah-chips a span { font-weight: 500; font-size: .8em; color: var(--etah-muted); }
.etah-chips .is-soon { opacity: .55; }
.etah-prov-link { outline: none; }
.etah-prov-link:focus-visible .etah-prov { stroke: #1f2937; stroke-width: 1.4; }

/* ---------- District map ---------- */
.etah-map--ilce .etah-map__canvas { overflow: hidden; border-radius: 8px; touch-action: pan-y; }
.etah-ilce-map { max-height: 75vh; cursor: grab; user-select: none; }
.etah-ilce-map:active { cursor: grabbing; }
.etah.is-zoomed-in .etah-ilce-map { touch-action: none; }
.etah-ilce {
	fill: color-mix(in srgb, var(--c) 45%, #fff);
	stroke: #fff; stroke-width: 1.2; stroke-linejoin: round;
	transition: fill .15s ease, filter .15s ease;
	vector-effect: non-scaling-stroke;
}
.etah-ilce.has-schools { fill: var(--c); }
.etah-ilce-link:hover .etah-ilce, .etah-ilce-link:focus-visible .etah-ilce { filter: brightness(1.08) saturate(1.15); stroke: #1f2937; stroke-width: 2; }
.etah-ilce-link { outline: none; }
.etah-ilce.is-selected { stroke: #111827; stroke-width: 2.6; filter: saturate(1.25); }
.etah-ilce-lbl {
	fill: #111827; font-family: inherit; font-weight: 700;
	text-anchor: middle; dominant-baseline: middle; pointer-events: none;
	paint-order: stroke; stroke: rgba(255, 255, 255, .9); stroke-width: 3px; stroke-linejoin: round;
}
.etah__subtitle { margin: 1.5rem 0 .75rem; }
.etah-zoom--pz .etah-zoom__btn { min-width: 2.2rem; font-weight: 700; }
.etah-zoom--pz .etah-zoom__btn + .etah-zoom__btn { border-left: 1px solid var(--etah-line); }