/*
 * site-factory v3 — WordPress entegrasyon katmanı.
 * Claude Design dosyalarına (assets/css/*.css) dokunulmaz; burada yalnız
 * WordPress'e özgü durumlar vardır. app.css + sayfa CSS'inden SONRA yüklenir.
 */

/* CD test sayfalarındaki gövde ayarı (_wp-test-*.html: body{margin:0;background:#04070e}) */
body.yek-canvas{margin:0;background:#04070e}

/* canvas.php'deki <meta name="color-scheme" content="dark"> yalnız CSS inmeden önceki boş tuval içindir.
   CSS yüklenince tarayıcı bileşenleri (form kutuları, kaydırma çubuğu) tasarımdaki gibi açık düzende kalsın. */
:root{color-scheme:light}

/* ===== Performans (v3.1.1) — görünüm aynı, kaydırma akıcı =====
   Ölçüm (Playwright kare süreleri, canlı ana sayfa, masaüstü): 35-38 fps → bu üç düzeltmeyle 60 fps. */

/* 1) Zemin ışık katmanları: mix-blend-mode:screen, sayfanın tamamını tek harmanlama grubu yapıp hareket eden
      katmanlarla her karede yeniden harmanlatıyordu (en büyük kasma kaynağı). Katmanlar içeriğin ARKASINDA,
      %12-20 opak ve zemin neredeyse siyah: screen ile normal karışım arasındaki fark ≤ 2/255 (gözle ayırt edilmez). */
.yek-home .yek-home__aura span,.yek-home.yek-home::after{mix-blend-mode:normal}

/* 2) Turuncu buton parlaması: CD 'left' canlandırıyordu (her karede yerleşim hesabı). Aynı hareket transform ile:
      katman -65% → 130% gidiyor; kendi genişliği butonun %42'si → 195/42 = %464.2857 kendi genişliği. Görünüm birebir. */
@keyframes yekSheenT{0%,70%{transform:translateX(0) skewX(-18deg)}86%,100%{transform:translateX(464.2857%) skewX(-18deg)}}
.yek-btn-primary::after{left:-65%;animation-name:yekSheenT}

/* 3) Ekranda olmayan bölümlerin sonsuz animasyonları duraklar (yek-perf.js ekler/kaldırır); görününce kaldığı yerden sürer. */
.yek-offscreen,.yek-offscreen::before,.yek-offscreen::after,
.yek-offscreen *,.yek-offscreen *::before,.yek-offscreen *::after{animation-play-state:paused!important}

/* Giriş yapmış kullanıcıda WP yönetim çubuğu yapışkan header'ı örtmesin */
.admin-bar .yek-header{top:calc(18px + 32px)}
@media screen and (max-width:782px){.admin-bar .yek-header{top:calc(18px + 46px)}}

/* İletişim formu: bal küpü alanı ve gönderim durumu */
.yek-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.yek-home .yek-form-status{margin:0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55}
.yek-home .yek-form-status--ok{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.38);color:#bbf7d0}
.yek-home .yek-form-status--err{background:rgba(253,105,3,.09);border:1px solid rgba(253,105,3,.42);color:#fed7aa}

/* Blog: WordPress yazı içeriği CD makale tipografisine uysun */
.yek-home .yek-body img{max-width:100%;height:auto;border-radius:16px}
.yek-home .yek-body blockquote.yek-pull{margin-left:0;margin-right:0}
.yek-home .yek-body figure{margin-left:0;margin-right:0}
.yek-home .yek-art__grid--notoc{grid-template-columns:minmax(0,1fr)}
.yek-home .yek-art__grid--notoc .yek-body{max-width:820px;margin-inline:auto;width:100%}
.yek-home .yek-blog-empty{margin:10px 0 0;color:var(--yek-muted);font-size:16px}

/* Tekil yazı başlık alanı: ortalı ve kapsayıcının tam genişliği (kullanıcı isteği; CD'de 820px, sola yaslı).
   Özet paragrafı ortalı ama okunabilir satır uzunluğunda (860px). */
.yek-home .yek-art .yek-ec-bread{justify-content:center;flex-wrap:wrap;text-align:center}
/* "Ana Sayfa" / "Blog" / ayraçlar sıkışıp iki satıra bölünmesin; uzun yazı başlığı gerekirse kendi satırına geçer */
.yek-home .yek-art .yek-ec-bread > a,.yek-home .yek-art .yek-ec-bread > span{flex-shrink:0;white-space:nowrap}
.yek-home .yek-art__head{max-width:none;text-align:center}
.yek-home .yek-art__meta{justify-content:center}
.yek-home .yek-art__lead{max-width:860px;margin-inline:auto}

/* İçerik AI Ops (Google OAuth marka incelemesi): H1 = ürün adı; eski H1 sloganı alt başlık olarak */
.yek-home .yek-ec-hero .yek-iai-slogan{font-size:clamp(22px,2.5vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#f6f9ff;margin:-6px 0 18px;max-width:20ch}
.yek-home .yek-iai-google .yek-aiops__notice{margin-top:0}
.yek-home .yek-iai-google .yek-aiops__notice p{font-size:15px;line-height:1.75;flex-basis:100%}
.yek-home .yek-iai-google .yek-aiops__notice p a{color:var(--yek-blue)}

/* Politika sayfaları: alt başlık (ör. İngilizce özet) */
.yek-home .yek-doc h3{font-size:16px;letter-spacing:-.01em;margin:22px 0 10px;color:#fff}

/* 404 */
.yek-home .yek-404__actions{margin-top:26px;flex-wrap:wrap}

/* Shortcode'suz sayfalar (politika sayfası iskeleti içinde) */
.yek-home .yek-wp-content > * + *{margin-top:14px}