/* =========================================================================
   Kategori arsivi -- katlanabilir alt metin (.k-arch__seo icindeki .k-seo__*)

   NEDEN AYRI DOSYA: theme.css / v13-fixes.css / responsive.css baska islerde
   acik; paralel yazma daha once ayni dosyayi iki kez ezdi. Kapsam TAMAMEN
   `.k-arch__seo` altinda -- baska hicbir yuzey etkilenmez.

   Degerler yalnizca tokens.css'ten. Ayirac cizgisi, altcizgi, dekoratif
   ritim cizgisi, hover yukselmesi, kutu golgesi ve prefers-color-scheme YOK.
   ========================================================================= */

/* Genislik = URUN IZGARASI genisligi (istek, 2026-08-25).
   Onceden burada --container-narrow (760px) okuma olcusu vardi; izgara 1192px
   oldugu icin govde metninin saginda buyuk bos alan kaliyordu (olculdu:
   1440px ekranda metin 760px / izgara 1192px). Artik metin de izgarayla ayni
   genislikte. NOT: tam genislikte satir uzunlugu ~165 karaktere cikiyor --
   bu bilincli bir tercih, okuma olcusu kasitli olarak birakildi.
   "Ilgili kategoriler" gezintisi zaten tam genislikteydi, degismedi. */
.k-arch__seo .k-seo__lead,
.k-arch__seo .k-seo__body {
	max-width: none;
	overflow-wrap: break-word;
}

/* Blog kategorisi arsivi (category.php) ayni kurala tabi: terim aciklamasi
   `.k-arch__lead.k-prose` ile basiliyor ve .k-prose 760px'e kisiyor.
   `.k-arch__lead` YALNIZCA category.php'de kullaniliyor -- baska hicbir
   yuzeye dokunmaz; .k-prose'un kendisi (yazi/sayfa govdeleri) degismez. */
.k-arch .k-arch__lead.k-prose {
	max-width: none;
}

/* Ozet: her zaman acik, govdeden bir tik iri. */
.k-arch__seo .k-seo__lead p {
	font-size: var(--size-body-lg);
	line-height: var(--lh-body-lg);
	letter-spacing: var(--ls-body-lg);
	color: var(--text-primary);
}
.k-arch__seo .k-seo__lead > :last-child {
	margin-bottom: 0;
}

/* Kat. <details>/<summary> yerli: JS'siz acilir, klavyeyle odaklanip
   Enter/Space ile calisir, ekran okuyucuya genisleme durumunu kendisi verir
   (site.js yaninda kategori-metin.js aria-expanded'i ayrica senkronlar). */
.k-arch__seo .k-seo__more {
	margin-top: var(--space-6);
}

.k-arch__seo .k-seo__toggle {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	min-height: var(--control-h-sm);
	padding: 0 var(--space-5);
	border: var(--border-width) solid var(--border-default);
	border-radius: var(--radius-chip);
	background: var(--surface-page);
	color: var(--text-primary);
	font-family: var(--font-sans);
	font-size: var(--size-body-sm);
	font-weight: var(--weight-medium);
	letter-spacing: var(--ls-ui);
	line-height: 1;
	cursor: pointer;
	user-select: none;
	transition: var(--transition-control);
}
/* Yerli ucgen isaretcisi kapali -- kendi chevron'umuz var. */
.k-arch__seo .k-seo__toggle::-webkit-details-marker { display: none; }
.k-arch__seo .k-seo__toggle::marker { content: ""; }
.k-arch__seo .k-seo__toggle { list-style: none; }

.k-arch__seo .k-seo__toggle:hover {
	background: var(--control-quiet-bg-hover);
	border-color: var(--border-strong);
}
.k-arch__seo .k-seo__toggle:focus-visible {
	outline: var(--border-width-strong) solid var(--border-focus);
	outline-offset: 2px;
}

/* Chevron: dekoratif cizgi degil, kontrolun durum gostergesi. */
.k-arch__seo .k-seo__caret {
	width: 6px;
	height: 6px;
	border-right: var(--border-width-strong) solid currentColor;
	border-bottom: var(--border-width-strong) solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform var(--duration-fast) var(--ease-standard);
}
.k-arch__seo .k-seo__more[open] .k-seo__caret {
	transform: translateY(1px) rotate(-135deg);
}

/* Etiket takasi: kapaliyken "Daha fazla oku", acikken "Daha az goster". */
.k-arch__seo .k-seo__toggle-label--close { display: none; }
.k-arch__seo .k-seo__more[open] .k-seo__toggle-label--open { display: none; }
.k-arch__seo .k-seo__more[open] .k-seo__toggle-label--close { display: inline; }

.k-arch__seo .k-seo__body {
	margin-top: var(--space-7);
}
/* Ilk baslik katin hemen altinda -- ustune fazladan bosluk binmesin. */
.k-arch__seo .k-seo__body > h2:first-child,
.k-arch__seo .k-seo__body > h3:first-child {
	margin-top: 0;
}
.k-arch__seo .k-seo__body > :last-child {
	margin-bottom: 0;
}

/* Gezinti metinden sonra gelir; kendi bosluguna sahip. */
.k-arch__seo .k-seo__more + .kvl-xlink,
.k-arch__seo .k-seo__lead + .kvl-xlink {
	margin-top: var(--space-8);
}

@media (max-width: 767px) {
	/* Dokunmatik hedefi buyut, ama kutu genisligine yayilmasin. */
	.k-arch__seo .k-seo__toggle {
		min-height: var(--control-h-md);
	}

	/* ⚠ R122: SEO govde blogu mobilde MASAUSTU olcegindeydi -- `responsive.css`
	   icinde `.k-prose` / `.k-arch__seo` icin tek bir kural YOKTU.
	   OLCULDU (gercek 390px viewport, ayni-koken iframe):
	     ozet 17px · govde 15px · h2 21px · sutun genisligi 343px
	   ...ama AYNI ekranda urun karti adi 13px. Sayfanin isi urun gostermek
	   iken metin blogu izgarayi eziyordu. Kullanici: "mobilde katalog body
	   content fontlari cok buyuk".
	   Bir kademe asagi, YALNIZCA mevcut token'larla; ham px degeri eklenmedi.
	   Govde 15px'te BIRAKILDI -- okunabilirlik siniri, kucultmek okumayi bozar.
	   Ozet govdeyle esitlenince vurgusunu `--text-primary` rengiyle ve
	   konumuyla tasiyor; mobilde iki kademeli baslik hiyerarsisi yeterli. */
	.k-arch__seo .k-seo__lead p {
		font-size: var(--size-body);
		line-height: var(--lh-body);
	}
	.k-arch__seo h2 {
		font-size: var(--size-h3);
		line-height: var(--lh-h3);
	}
	.k-arch__seo h3 {
		font-size: var(--size-body);
		line-height: var(--lh-body);
	}
}