/* ============================================================================
   C-02 — GLOBAL AYAK (S-02). CTA bandı + 5 kolon + orta şerit + yasal satır.

   Bu dosya da `bilesen.css`in ayak bloğunu DEĞİŞTİRMEZ, GENİŞLETİR. Devralınan
   ve DOKUNULMAYAN kurallar: `.ayak` · `.ayak-marka` · `.ayak-kolon h3` ·
   `.ayak-kolon li` · `.ayak-kolon a:hover` · `.ayak-yakinda` (+ `::after`
   "soon" rozeti) · `.ayak-alt` · `.cta` · `.cta-not`.

   TEK üsteleyen kural ve bilerek daha yüksek özgüllükte:
     · `.ayak .ayak-ust` (0,2,0) → 5 EŞİT iz
       [bilesen `.ayak-ust` (0,1,0) → `1.3fr + repeat(4,1fr)`, yani marka +
        4 kolon. Marka bloğu artık `.ayak-ust`un içinde DEĞİL, aşağıdaki
        `.ayak-orta` şeridinde; bu yüzden ilk izin 1.3fr olması yanlış olurdu.]
   Sıra değişse bile bu kural kazanır; eşitlikte kazanan bir kural YOK.

   REFERANS YAPISI (`ref-envanter/H-company-nav-footer.md` §2, ölçülmüş):
     CTA bandı → 5 kolon → logo/tagline + bülten + 4 sosyal → yasal satır.

   BİZDE FARKLI OLAN İKİ ŞEY — ikisi de ÖLÇÜLMÜŞ, tercih değil:

   1. BÜLTEN FORMU YOK. `_headers`ın CSP'si `form-action 'none'` diyor: bu site
      hiçbir form gönderimi yapamaz. Üstelik `blog.html` bunu MÜŞTERİYE zaten
      söylüyor ("There is no list, and this site could not run a signup even if
      we drew the field: its own policy blocks every form submission"). Alanı
      çizmek, aynı sitede iki beyan üretirdi. Bu yüzden bülten YUVASI var,
      formu yok: gerçekten var olan mekanizmaya (yazı dizini) bağlı bir satır.

   2. SOSYAL SATIRI YOK. Ölçüldü (29 Eylül): depoda Refik'e ait tek bir sosyal
      hesap geçişi yok, ve `test/siteAnasayfa.test.ts` üçüncü taraf bağlantıyı
      (`yabanci`) YASAKLIYOR. Var olmayan hesaba link de, "yakında" rozeti de
      verilemezdi. `bilesen.css`teki `.ayak-sosyal` kuralı bu yüzden HÂLÂ
      kullanılmıyor — hesap açıldığı gün kullanılacak, o yüzden silinmedi.
   ============================================================================ */

/* ---- 5 kolon -------------------------------------------------------------- */
.ayak .ayak-ust{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Kolon başlığı `.mono` sınıfını taşıyor; `bilesen.css` tonunu veriyor.
   Buradaki tek ek: kolonun kendi içinde dikey ritim. */
.ayak-kolon li:last-child{margin-block-end:0}
/* Bir satırın altına düşen açıklama (ör. hangi kolonun neyi kapsadığı). */
.ayak-not{display:block;font-size:var(--t9);line-height:var(--t9-s);color:var(--koyu-soluk)}

/* ---- Orta şerit: marka + bülten yuvası ----------------------------------- */
.ayak-orta{
  display:grid;gap:var(--b5) var(--b4);
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  padding-block:var(--b5);
  border-block-start:1px solid var(--koyu-cizgi);
}
.ayak-guncelleme{display:flex;flex-direction:column;gap:var(--b2)}
.ayak-guncelleme h3{color:var(--koyu-soluk)}
.ayak-guncelleme p{font-size:var(--t9);line-height:var(--t9-s);color:var(--koyu-soluk)}
.ayak-guncelleme a{text-decoration:underline;text-underline-offset:3px;color:var(--kagit)}

/* ---- Yasal satır --------------------------------------------------------- */
/* `bilesen.css` `.ayak-alt`ı zaten satır yapıyor (flex + wrap + üst kenarlık).
   Buradaki iş yalnız yasal bağlantı kümesi ve alttaki tek satırlık not. */
.ayak-yasal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b3) var(--b4)}
.ayak-yasal li{font-size:var(--t9);line-height:var(--t9-s)}
.ayak-yasal a{color:var(--koyu-soluk)}
.ayak-yasal a:hover{color:var(--kagit);text-decoration:underline;text-underline-offset:3px}
/* Son satır: yazılmamış sayfa politikasını söyleyen tek cümle. `blog.html`
   bu satıra ADIYLA atıf yapıyor ("The footer treats every unwritten page the
   same way and says so in one line at the bottom") — yani düşerse orada
   doğrulanamayan bir cümle kalır. */

/* ---- Tablet ve telefon --------------------------------------------------- */
/* `bilesen.css` 991'de `.ayak-ust`u 2 ize, 520'de 1 ize düşürüyor. Beş kolon
   2 ize sığmıyor: 991'de 3, 767'de 2 iz daha iyi okunuyor. Üsteleme yine
   daha yüksek özgüllükte (`.ayak .ayak-ust`), eşitlik yarışı yok. */
@media (max-width:991px){
  .ayak .ayak-ust{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ayak-orta{grid-template-columns:1fr;gap:var(--b4)}
}
@media (max-width:767px){
  .ayak .ayak-ust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .ayak .ayak-ust{grid-template-columns:1fr}
}