/* Küresel başlık (nav.acg-nav) — 2026-10-03.
 * - Logo: masaüstünde 60 px nav içinde 50 px (≈105 px genişlik); ≤900 px nav 68 px, ≤640 px logo 58 px (≈121 px). Oran korunur.
 *   Masaüstü nav yüksekliği değişmez: detay/planlayıcı kenar sütunları 60 px nava göre top: 72–88 px yapışır.
 * - Yapışkanlık: duyarlı katman (acg-app.css) ≤900 px'te nav'ı `relative` yapıyordu; ön izleme şeridi kayıp gider, nav yapışır.
 *   z-index 200 satır içinde: dil menüsü 320, çekmece 500, zil 1300, çerez şeridi 2100 üstte kalır.
 * - Güvenli alan (viewport-fit=cover) ve odak: yapışkan nav odaklanan/bağlantıyla gidilen öğeyi örtmez (scroll-padding). */
:root { --acg-nav-h: 60px; }
@media (max-width: 900px) { :root { --acg-nav-h: 68px; } }

html { scroll-padding-top: calc(var(--acg-nav-h) + env(safe-area-inset-top, 0px) + 12px); }
html body nav.acg-nav { box-sizing: border-box; height: calc(var(--acg-nav-h) + env(safe-area-inset-top, 0px)) !important; padding-top: env(safe-area-inset-top, 0px); transition: box-shadow .2s ease; }
@media (max-width: 900px) { html body nav.acg-nav { position: sticky !important; top: 0; } }
html body nav.acg-nav.is-yapisik { box-shadow: 0 6px 18px rgba(3, 18, 33, .28); }

/* Dokunma hedefleri ≥ 44 px (önceden simge düğmeleri 34 px, giriş bağlantıları ~30 px). 400 px altında yer kalmadığı için
   görünür boyut 40 px, görünmez kenar 2 px taşar (44 px hedef; 4 px aralıkta komşu hedefler çakışmaz). */
nav.acg-nav .acg-nav-actions > button, nav.acg-nav .acg-nav-actions > div > button { position: relative; min-width: 44px; width: auto !important; height: 44px !important; justify-content: center; }
nav.acg-nav .acg-desktop-nav a { min-height: 44px; }
@media (min-width: 640px) { nav.acg-nav .acg-nav-actions > a.hidden { display: inline-flex !important; align-items: center; min-height: 44px; } }
@media (max-width: 399px) {
	nav.acg-nav .acg-nav-actions > button, nav.acg-nav .acg-nav-actions > div > button { min-width: 40px; height: 40px !important; }
	nav.acg-nav .acg-nav-actions > button::before, nav.acg-nav .acg-nav-actions > div > button::before { content: ""; position: absolute; inset: -2px; }
}

/* Logo animasyonu katmanı (acg-baslik.js): görselin üstünde, yer kaplamaz → yerleşim kayması yok. */
nav.acg-nav .acg-logo-wrap { position: relative; }
.acg-logo-cizim { position: absolute; inset: 0; pointer-events: none; }
.acg-logo-cizim svg { display: block; width: 100%; height: 100%; overflow: visible; }

/* Ana içeriğe geç: yalnız klavye odağında görünür, başlığın ve çerez şeridinin üstünde. */
.acg-atla { position: absolute; left: 12px; top: 12px; z-index: 2200; padding: 12px 18px; border-radius: 10px; background: #fff; color: #062a45; font: 700 15px/1.2 Inter, system-ui, sans-serif; text-decoration: none; box-shadow: 0 6px 18px rgba(3, 18, 33, .3); transform: translateY(-200%); }
.acg-atla:focus { transform: none; outline: 3px solid #e67e22; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	html body nav.acg-nav { transition: none; }
	.acg-logo-cizim { display: none; }
}