/*
 * Atalay ölçüsü — bütün Atalay pazarlama yüzeylerinin başlık bandı ve hero ölçüleri.
 *
 * TEK KAYNAK: ~/projects/atl/tasarim/atalay-olcu.css. Kopyaları `atl tasarim sync`
 * (scripts/tasarim-sync.py) yazar; kopyayı elle düzenleme, ilk senkronda ezilir.
 *
 * Neden var: Kaan, 02.10.2026 — "atalay ürünlerinin hepsinde tutarlı tasarım olmalı,
 * bazılarının herosu pc'ye sığmıyor". Ürün sitelerinin hero'su sabit piksel
 * ölçülerle çiziliyordu (72 px üst boşluk, 64 px başlık); 1920×950 tarayıcı
 * penceresinde B2B, Cloud, Fatura ve Pay'in hero'su ilk ekranın altına taşıyor,
 * 1366×768 dizüstünde 250 px'e varan kısmı görünmüyordu. Her site kendi ölçüsünü
 * tuttuğu için başlık boyu, menü yüksekliği ve düğme boyu da siteden siteye
 * değişiyordu.
 *
 * Sözleşme:
 *  - Hero (başlık bandı, eyebrow, H1, açıklama, düğmeler, görsel ve altındaki
 *    künye satırları) masaüstünde ilk ekrana sığar. Ölçü ekran yüksekliğine göre
 *    küçülür (svh), 1080'lik ekranda tavana oturur. Doğrulama:
 *    `node ~/projects/atl/scripts/hero-denetim.mjs`.
 *  - Aşağıdaki değerler her sitede AYNI çizilir; site kendi değerini yazmaz,
 *    bu değişkenleri kullanır. Değer değişecekse burada değişir ve senkronlanır.
 *  - Yalnız özel özellikler (custom property) tanımlanır, hiçbir öğeye kural
 *    yazılmaz: dosya hangi sitede yüklenirse yüklensin kendiliğinden bir şey
 *    değiştirmez.
 *
 * Ölçek (tarayıcı penceresi → başlık): 1366×657 → 45 px, 1280×720 → 48 px,
 * 1440×789 → 52 px, 1512×860 → 56 px, 1920×950 → 61 px, 1920×1080 → 64 px,
 * telefon (390 geniş) → 36 px.
 */
:root {
  /* Başlık bandı: üst bilgi çubuğu + menü çubuğu + 1 px alt çizgi */
  --ah-ust: 28px;
  --ah-nav: 64px;
  --ah-bas: calc(var(--ah-ust) + var(--ah-nav) + 1px);
  --ah-ust-yazi: 12px;
  --ah-nav-yazi: 15px;
  --ah-nav-yazi-iz: -0.025em;
  --ah-bas-dugme: 40px;         /* menüdeki hap düğmeler (Giriş yap, birincil CTA) */
  --ah-bas-dugme-yazi: 14px;

  /* Kap: gutter dahil en geniş 1280 px, yanlarda 24 px */
  --ah-kap: 1280px;
  --ah-kenar: 24px;

  /* Hero dikey ritmi */
  --ah-hero-ust: clamp(24px, 9svh - 32px, 88px);   /* başlık bandından eyebrow'a */
  --ah-hero-alt: clamp(16px, 3svh, 40px);          /* hero'nun alt boşluğu */
  --ah-aralik: clamp(16px, 3svh, 32px);            /* H1 → açıklama → düğmeler → künye */
  --ah-sutun-aralik: 56px;                         /* metin ile görsel arası */

  /* Tipografi */
  --ah-eyebrow: 12px;
  --ah-eyebrow-iz: 0.18em;
  --ah-eyebrow-alt: 14px;
  --ah-h1: clamp(2.25rem, min(1.4rem + 3.2vw, 0.5rem + 5.6svh), 4rem);
  --ah-h1-satir: 1.05;
  --ah-h1-iz: -0.035em;
  --ah-h1-kalinlik: 700;
  --ah-h1-genislik: 36rem;
  --ah-lede: clamp(16px, 4px + 2svh, 18px);
  --ah-lede-satir: 1.6;
  --ah-lede-genislik: 36rem;

  /* Hero düğmeleri */
  --ah-cta: 48px;
  --ah-cta-yazi: 16px;
  --ah-cta-yan: 28px;

  /* Künye satırları (hero altındaki etiket + çip grupları) */
  --ah-kunye-etiket: 11px;
  --ah-kunye-cip: 30px;
  --ah-kunye-yazi: 13px;

  /* Görselin en büyük yüksekliği: ilk ekrandan başlık bandı ve boşluklar düşülür */
  --ah-gorsel-max: calc(100svh - var(--ah-bas) - var(--ah-hero-ust) - var(--ah-hero-alt));
}