/* ==========================================================================
   EB Temel — yazı sayfası düzeni ve yazı gövdesi tipografisi (prototip/css/site.css "Blog yazısı").
   Tekil yazı, proje ve sayfa şablonlarında yüklenir; editörde de (add_editor_style).
   Token eşlemesi: docs/tema-spesifikasyonu.md §2b.2.
   ========================================================================== */

/* Header sabit olduğu için içerik onun altından başlar. Dizin sayfaları (blog, projeler) header.css kuralı + bölüm boşluğu. */
.yazi-sayfa { padding-top: calc(var(--wp--custom--header--yukseklik) + var(--wp--preset--spacing--60)); padding-bottom: var(--wp--preset--spacing--80); }
/* header.css'teki body:not(.sayfa-hero) #icerik (yalnızca header yüksekliği) kuralından özgül; dizin sayfaları onu kullanır. */
body:not(.sayfa-hero) #icerik.yazi-sayfa { padding-top: calc(var(--wp--custom--header--yukseklik) + var(--wp--preset--spacing--60)); }
/* Prototipte gövde metni metin-2'dir (site.css body). theme.json styles.color.text (metin) body'yi ezdiği için yazı
   sayfalarında prototip rengi geri verilir; anasayfa için aynı düzeltme temel.css'te (body.home #icerik, Tur 7). */
.yazi-sayfa { color: var(--wp--preset--color--metin-2); }
@media (min-width: 1024px) { .yazi-sayfa > .kapsayici { max-width: calc(var(--wp--style--global--content-size) + 19rem + clamp(2.5rem, 4vw, 3.5rem) + 2 * var(--wp--custom--layout--kenar)); } }
.yazi-duzen { display: grid; gap: var(--wp--preset--spacing--60); margin-top: var(--wp--preset--spacing--60); }
@media (min-width: 1024px) {
  /* Yazı sütunu okunabilir genişlikte; yazar kartı hemen yanında (dengeli ~3.5rem boşluk), boşluk sağa kalır */
  .yazi-duzen { grid-template-columns: minmax(0, var(--wp--style--global--content-size)) 19rem; column-gap: clamp(2.5rem, 4vw, 3.5rem); justify-content: start; align-items: start; }
  .yazi-kenar { position: sticky; top: calc(var(--wp--custom--header--yukseklik) + 1.25rem); }
}
.yazi-govde { max-width: var(--wp--style--global--content-size); font-size: 1.1rem; line-height: 1.75; }
.yazi-govde { font-size: 1.06rem; }
.yazi-govde > * + * { margin-top: var(--wp--preset--spacing--50); }
.yazi-govde h2 { margin-top: var(--wp--preset--spacing--70); font-size: var(--wp--preset--font-size--xl); }
.yazi-govde ul:not([class]) { padding-left: 1.2rem; }
.yazi-govde ul:not([class]) li + li { margin-top: 0.5rem; }
.yazi-govde ul:not([class]) li::marker { color: var(--wp--preset--color--baglanti); }
.yazi-giris { color: var(--wp--preset--color--metin); font-size: 1.2rem; }
.kpi-kutulari { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.kpi-kutu { position: relative; overflow: hidden; padding: 1.1rem 1.1rem 1rem; border-radius: var(--wp--custom--radius--l); background: var(--wp--preset--color--yuzey); border: 1px solid var(--wp--preset--color--cizgi); }
.kpi-kutu::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--wp--preset--gradient--ana); }
.kpi-kutu__deger { color: var(--wp--preset--color--metin); font-family: var(--wp--preset--font-family--baslik); font-weight: var(--wp--custom--font-weight--baslik); font-size: var(--wp--preset--font-size--xl); line-height: 1.05; }
.kpi-kutu__etiket { margin-top: 0.35rem; color: var(--wp--preset--color--metin); font-weight: 600; font-size: var(--wp--preset--font-size--s); line-height: 1.35; }
.kpi-kutu__detay { color: var(--wp--preset--color--metin-soluk); font-size: var(--wp--preset--font-size--xs); line-height: 1.45; }
.adimlar { display: grid; gap: var(--wp--preset--spacing--50); list-style: none; }
.adim { display: grid; grid-template-columns: 3.25rem 1fr; gap: 0.75rem; }
.adim__no { color: var(--wp--preset--color--vurgu-metin); font-family: var(--wp--preset--font-family--baslik); font-weight: var(--wp--custom--font-weight--baslik); font-size: var(--wp--preset--font-size--xl); line-height: 1; font-variant-numeric: tabular-nums; }
.adim__baslik { font-size: var(--wp--preset--font-size--l); line-height: 1.25; margin-bottom: 0.35rem; }
.adim p { font-size: 1rem; }
.onay-listesi { display: grid; gap: 0.7rem; list-style: none; }
.onay-listesi li { position: relative; padding-left: 2rem; }
.onay-listesi li::before {
  content: ""; position: absolute; left: 0; top: 0.3em; width: 1.3rem; height: 1.3rem; border-radius: 50%;
  background: var(--wp--preset--color--bant) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308756c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 0.8rem no-repeat;
}
.alinti {
  margin: var(--wp--preset--spacing--70) 0; padding: 0.25rem 0 0.25rem 1.5rem;
  border-left: 4px solid; border-image: var(--wp--preset--gradient--vurgu) 1;
}
.alinti p { color: var(--wp--preset--color--metin); font-family: var(--wp--preset--font-family--baslik); font-size: var(--wp--preset--font-size--xl); font-weight: var(--wp--custom--font-weight--baslik-ince); line-height: 1.3; letter-spacing: -0.01em; }
.mimari { display: grid; gap: 0; margin: var(--wp--preset--spacing--50) 0 0; border-top: 1px solid var(--wp--preset--color--cizgi); }
.mimari > div { display: grid; gap: 0.2rem 1.5rem; padding: 0.9rem 0; border-bottom: 1px solid var(--wp--preset--color--cizgi); }
@media (min-width: 640px) { .mimari > div { grid-template-columns: 9rem 1fr; } }
.mimari dt { color: var(--wp--preset--color--metin); font-weight: 700; font-size: var(--wp--preset--font-size--s); }
.mimari dd { margin: 0; font-size: 1rem; }
.yazi-etiketler { margin-top: var(--wp--preset--spacing--70); padding-top: var(--wp--preset--spacing--50); border-top: 1px solid var(--wp--preset--color--cizgi); }
.yazi-etiketler__baslik { margin-bottom: 0.75rem; color: var(--wp--preset--color--metin); font-weight: 700; font-size: var(--wp--preset--font-size--s); }
.yazi-geri { margin-top: var(--wp--preset--spacing--60); }
.yazi-not { color: var(--wp--preset--color--metin-soluk); font-size: var(--wp--preset--font-size--s); }

.bos-durum { color: var(--wp--preset--color--metin-2); font-size: var(--wp--preset--font-size--l); }

/* Yazı başı (emirbalin/yazi-bas, page.html başlığı, 404). */
.yazi-bas { max-width: 54rem; margin-top: var(--wp--preset--spacing--60); }
.yazi-bas__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; color: var(--wp--preset--color--metin-soluk); font-size: var(--wp--preset--font-size--s); }
.yazi-bas__bilgi { display: inline-flex; align-items: center; gap: 0.35rem; }
.yazi-bas__baslik { margin-top: var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--xxl); line-height: 1.06; }
.yazi-bas__ozet { margin-top: var(--wp--preset--spacing--50); color: var(--wp--preset--color--metin-2); font-size: var(--wp--preset--font-size--l); line-height: 1.5; max-width: 60ch; }
/* 404 (patterns/bulunamadi.php): yazı başı düzeni + iki eylem. Prototipte karşılığı yok (§2d.1). */
.bulunamadi { padding-bottom: var(--wp--preset--spacing--70); }
.bulunamadi__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: var(--wp--preset--spacing--60); }