/* ============================================================================
   Sistem şablonları — 404, arama, genel yedek (index.php)
   ----------------------------------------------------------------------------
   Bu üç şablon canlı sitede yoktu; WordPress'te olmadıkları için istekler
   teşhis iskeletine düşüyordu. Renk/boşluk değerleri theme.json token'larından.
   ========================================================================= */

/* ---------------------------------------------------------------- 404 */

/* Dar sütun bilinçli (404 sayfası), ama 1440px kapsayıcıda sola yapışıp
   footer'la hizasız duruyordu (denetim 340px delta ölçtü). Ortalandı. */
.eb-hata__ic {
	max-width: var(--eb-metin-eksen);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
}

.eb-hata__baslik {
	margin: 0;
	font-size: var(--wp--preset--font-size--heading-xl);
}

.eb-hata__lead {
	margin: 0;
	max-width: 52ch;
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--body);
}

.eb-hata__aksiyon,
.eb-bos__aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
}

.eb-hata__arama {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--line);
}

.eb-hata__aramasatir,
.eb-arama__satir {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	flex-wrap: wrap;
}
.eb-hata__aramasatir .eb-input,
.eb-arama__satir .eb-input { flex: 1 1 240px; min-width: 0; }

.eb-hata__populer {
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--line);
}

.eb-hata__liste {
	list-style: none;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}
.eb-hata__liste a {
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--accent);
}
.eb-hata__liste a:hover {
	color: var(--wp--preset--color--accent-dark);
	text-decoration: underline;
}

.eb-hata__yardim {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

/* ------------------------------------------------------------- arama */

.eb-arama__baslik { margin: var(--wp--preset--spacing--30) 0 0; font-size: var(--wp--preset--font-size--heading-lg); }

.eb-arama__ozet {
	margin: var(--wp--preset--spacing--20) 0 0;
	color: var(--wp--preset--color--body);
}

.eb-arama__form { margin-top: var(--wp--preset--spacing--40); max-width: 560px; }

/* --------------------------------------------------------- sonuç listesi */

.eb-sonuclar {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.eb-sonuc__link {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--eb-r-lg);
	text-decoration: none;
	transition: border-color .16s var(--eb-ease), box-shadow .16s var(--eb-ease);
}
.eb-sonuc__link:hover {
	border-color: var(--wp--preset--color--accent);
	box-shadow: var(--wp--preset--shadow--card);
}

.eb-sonuc__tip {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

.eb-sonuc__baslik {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--heading-sm);
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--wp--preset--color--ink);
}

.eb-sonuc__ozet {
	color: var(--wp--preset--color--body);
	max-width: 72ch;
}

.eb-sonuc__yol {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted-warm);
	overflow-wrap: anywhere;
}

/* ---------------------------------------------------------- boş durum */

.eb-bos {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--eb-r-lg);
	text-align: center;
	justify-items: center;
}
.eb-bos__metin { margin: 0; max-width: 56ch; color: var(--wp--preset--color--body); }

/* ---------------------------------------------------------- sayfalama */

.eb-sayfalama {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--50);
}
.eb-sayfalama :is(a, span) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--eb-r);
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--surface);
}
.eb-sayfalama a:hover {
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}
.eb-sayfalama .current {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--surface-alt);
}
.eb-sayfalama .dots { border-color: transparent; background: transparent; }

@media (max-width: 640px) {
	.eb-hata__liste { gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); }
}