/* EEZYCLASS FOOTER DÜZENİ — TEK KAYNAK (29 Eyl 2026).
   Kullanıcı: "footerdaki yasal metinler tıklanınca çıkan footer ile anasayfadaki footer aynı değil … her iki footer
   versiyonunu da üretmeli". Önceden kurallar YALNIZ statik index.html'de (`<style id="ft-stil">`, 27 Eyl) vardı; Laravel
   yasal sayfaları (`hafdepro/parcalar/site-alt-bilgisi.blade.php`) eski düzende kalmıştı.
   Sunum: statik site `GET /hafdepro/tanitim-footer.css` ile bağlar; Laravel şablonu aynı dosyayı satır içi basar.
   Düzen: `data-footer-duzen="imza"` (D, varsayılan) | `"izgara"` (C) — panel ▸ Site Ayarları ▸ Ana Sayfa Alt Bilgisi.
   Değişkenler statik sitenin :root değerleriyle AYNI yedeklere sahiptir (Laravel sayfalarında :root değişkeni yok);
   Laravel sayfaları fontları 'EEZYCLASS Oswald/Didact' adıyla yükler — ana sayfada bu adlar tanımsız, oradaki ad kullanılır.
   Renkler #272727 zeminde: metin #ccc ≈9.4:1 · soluk #9a9a9a ≈5.3:1 · turuncu ≈4.8:1 (hepsi AA). */
.ft { background: var(--dark, #272727); padding: 64px 0 0; color: #ccc; font-family: 'EEZYCLASS Didact', 'Didact Gothic', 'Didact Yedek', sans-serif; font-size: 14px; line-height: 24px; }
.ft-kap { width: 100%; max-width: var(--container, 1170px); margin: 0 auto; padding: 0 15px; box-sizing: border-box; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ft p { margin: 0; }
.ft a { color: #ccc; text-decoration: none; transition: color .2s ease; }
.ft a:hover, .ft a:focus-visible { color: var(--gold, #ff5b05); }
.ft a:focus-visible { outline: 1px dashed var(--gold, #ff5b05); outline-offset: 4px; }
.ft-marka { font-family: var(--oswald, 'EEZYCLASS Oswald', 'Oswald', 'Oswald Yedek', sans-serif); font-weight: 400; font-size: 26px; line-height: 1.2; letter-spacing: 8px; text-transform: uppercase; color: var(--white, #fff); white-space: nowrap; }
.ft-etiket { font-family: var(--oswald, 'EEZYCLASS Oswald', 'Oswald', 'Oswald Yedek', sans-serif); font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold, #ff5b05); margin: 0 0 6px; }
.ft-sosyal { display: flex; align-items: center; gap: 22px; }
.ft-sosyal a { display: inline-flex; width: 20px; height: 20px; }
.ft-sosyal svg { width: 20px; height: 20px; }
.ft-ilet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ft-yasal { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ft-yasal-oge { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; line-height: 20px; }
.ft-yasal .yasal-hazirlaniyor { color: #9a9a9a; }
.ft-yasal a[aria-current] { color: var(--gold, #ff5b05); }
.ft-not { color: #9a9a9a; font-size: 13px; line-height: 22px; text-align: center; max-width: 64ch; justify-self: center; }
.ft-telif, .ft-imza-sag { color: #9a9a9a; font-size: 13px; }
.ft .ft-necox { color: var(--gold, #ff5b05); }
.ft .ft-necox:hover, .ft .ft-necox:focus-visible { color: var(--white, #fff); }

/* ── D · İMZA (varsayılan): üç bilgi → logo boyutunda imza → altı eşit sütunluk yasal şerit → not → alt satır */
.ft[data-footer-duzen="imza"] .ft-kap { grid-template-areas: "ilet ilet ilet ilet ilet ilet" "marka marka marka marka marka marka" "yasal yasal yasal yasal yasal yasal" "not not not not not not" "telif telif sosyal sosyal sag sag"; }
.ft[data-footer-duzen="imza"] .ft-ilet { grid-area: ilet; text-align: center; }
.ft[data-footer-duzen="imza"] .ft-marka { grid-area: marka; justify-self: center; margin: 44px -8px 0 0; }
.ft[data-footer-duzen="imza"] .ft-marka-a { color: var(--gold, #ff5b05); }
.ft[data-footer-duzen="imza"] .ft-yasal { grid-area: yasal; margin-top: 44px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.ft[data-footer-duzen="imza"] .ft-yasal-oge { padding: 18px 8px; }
.ft[data-footer-duzen="imza"] .ft-yasal-oge + .ft-yasal-oge { border-left: 1px solid rgba(255,255,255,.1); }
.ft[data-footer-duzen="imza"] .ft-not { grid-area: not; margin-top: 28px; }
.ft[data-footer-duzen="imza"] .ft-telif { grid-area: telif; align-self: center; padding: 24px 0; }
.ft[data-footer-duzen="imza"] .ft-sosyal { grid-area: sosyal; justify-content: center; }
.ft[data-footer-duzen="imza"] .ft-imza-sag { grid-area: sag; align-self: center; text-align: right; }

/* ── C · IZGARA: bütün bilgi aynı ince çizgilerin oluşturduğu eşit hücrelerde */
.ft[data-footer-duzen="izgara"] .ft-kap { grid-template-areas: "marka marka marka sosyal sosyal sosyal" "ilet ilet ilet ilet ilet ilet" "yasal yasal yasal yasal yasal yasal" "not not not not not not" "telif telif telif sag sag sag"; }
.ft[data-footer-duzen="izgara"] .ft-marka { grid-area: marka; padding: 26px 24px; border: 1px solid rgba(255,255,255,.1); border-right: 0; }
.ft[data-footer-duzen="izgara"] .ft-sosyal { grid-area: sosyal; justify-content: flex-end; padding: 26px 24px; border: 1px solid rgba(255,255,255,.1); border-left: 0; }
.ft[data-footer-duzen="izgara"] .ft-ilet { grid-area: ilet; border-left: 1px solid rgba(255,255,255,.1); }
.ft[data-footer-duzen="izgara"] .ft-hucre { padding: 26px 24px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.ft[data-footer-duzen="izgara"] .ft-hucre .ft-etiket { margin-bottom: 8px; }
.ft[data-footer-duzen="izgara"] .ft-yasal { grid-area: yasal; border-left: 1px solid rgba(255,255,255,.1); }
.ft[data-footer-duzen="izgara"] .ft-yasal-oge { min-height: 72px; padding: 18px 12px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); font-size: 14px; line-height: 22px; }
.ft[data-footer-duzen="izgara"] .ft-not { grid-area: not; max-width: none; justify-self: stretch; padding: 32px 24px; border: 1px solid rgba(255,255,255,.1); border-top: 0; }
.ft[data-footer-duzen="izgara"] .ft-telif { grid-area: telif; padding: 20px 0; }
.ft[data-footer-duzen="izgara"] .ft-imza-sag { grid-area: sag; align-self: center; text-align: right; }

@media (max-width: 768px) {
    .ft { padding-top: 48px; }
    .ft-ilet { grid-template-columns: minmax(0, 1fr); }
    .ft-yasal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ft[data-footer-duzen="imza"] .ft-kap { grid-template-areas: "ilet ilet ilet ilet ilet ilet" "marka marka marka marka marka marka" "yasal yasal yasal yasal yasal yasal" "not not not not not not" "telif telif telif telif telif telif" "sosyal sosyal sosyal sosyal sosyal sosyal" "sag sag sag sag sag sag"; }
    .ft[data-footer-duzen="imza"] .ft-ilet { row-gap: 20px; }
    .ft[data-footer-duzen="imza"] .ft-yasal-oge + .ft-yasal-oge { border-left: 0; }
    .ft[data-footer-duzen="imza"] .ft-yasal-oge:nth-child(even) { border-left: 1px solid rgba(255,255,255,.1); }
    .ft[data-footer-duzen="imza"] .ft-yasal-oge:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
    .ft[data-footer-duzen="imza"] .ft-telif { text-align: center; padding: 24px 0 14px; }
    .ft[data-footer-duzen="imza"] .ft-imza-sag { text-align: center; padding: 14px 0 24px; }
    .ft[data-footer-duzen="izgara"] .ft-kap { grid-template-areas: "marka marka marka marka marka marka" "sosyal sosyal sosyal sosyal sosyal sosyal" "ilet ilet ilet ilet ilet ilet" "yasal yasal yasal yasal yasal yasal" "not not not not not not" "telif telif telif telif telif telif" "sag sag sag sag sag sag"; }
    .ft[data-footer-duzen="izgara"] .ft-marka { text-align: center; text-indent: 8px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 0; padding-bottom: 12px; }   /* text-indent = son harfin sağ aralığı: kelime tam ortada */
    .ft[data-footer-duzen="izgara"] .ft-sosyal { justify-content: center; border-left: 1px solid rgba(255,255,255,.1); border-top: 0; padding-top: 12px; }
    .ft[data-footer-duzen="izgara"] .ft-hucre { text-align: center; }
    .ft[data-footer-duzen="izgara"] .ft-telif { text-align: center; padding: 20px 0 8px; }
    .ft[data-footer-duzen="izgara"] .ft-imza-sag { text-align: center; padding-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) { .ft a { transition: none; } }