/* ─── ape-footer.css — apechain.com MainFooter uyarlaması ───────────────────────────────────
   Katmanlar: gradyan canvas (sayfa geneli gradyanın footer rengi #0657EC→#1C62BA) → akışkan duman canvas →
   alt şerit (kart görselleri, merkeze doğru solar) → içerik (3 link sütunu, dev yazı-ağı canvas'ı, telif satırı). */
/* site.css'teki genel `footer { padding: 3.5rem 0 2rem; border-top }` kuralı sıfırlanır (üstte 56px, altta 32px fazladan boşluk). */
.apf { position: relative; color: #fff; overflow: hidden; background: #0b4fd6; isolation: isolate; margin-top: 0; padding: 0; border-top: 0; font-size: inherit; -webkit-font-smoothing: antialiased; }
.apf canvas { display: block; }
.apf-bg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.apf-fluidwrap { position: absolute; inset: 0; z-index: 1; user-select: none; pointer-events: none; }
.apf-fluid { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
/* Alt şerit — referans: 1440×262 footer-bg.png. Solda ve sağda üçer panel; her panel dış kenarından merkeze doğru solar,
   maviye boyanır ve dış kenarı etrafında hafifçe içeri döner (koridor duvarı perspektifi). Konum/genişlikler referans
   görselin alfa profilinden ölçüldü (%). Kare görseller panel oranına object-fit:cover ile kırpılır; <picture> sarmalayıcı
   display:contents (bu dosya iç sayfalarda da tek başına yüklenir, ape-sections.css'e güvenilmez). */
.apf-strip { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: clamp(120px, 18.2vw, 262px); pointer-events: none; overflow: hidden;
    perspective: 1400px; perspective-origin: 50% 35%; }
.apf-strip-item { position: absolute; top: 0; bottom: 0; left: var(--x); width: var(--w); overflow: hidden;
    transform-origin: var(--ox) 50%; transform: rotateY(var(--ry));
    -webkit-mask-image: linear-gradient(var(--yon), #000 0%, rgba(0,0,0,.82) 30%, rgba(0,0,0,.35) 70%, transparent 100%);
    mask-image: linear-gradient(var(--yon), #000 0%, rgba(0,0,0,.82) 30%, rgba(0,0,0,.35) 70%, transparent 100%); }
.apf-strip-item picture { display: contents; }
.apf-strip-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.8) brightness(.82); }
/* Mavi ton: görselin rengi footer gradyanına karışır (referanstaki gibi renkler seçilir ama maviye çekilir). */
.apf-strip-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,20,51,.35), rgba(11,79,214,.55)); mix-blend-mode: multiply; }
.apf-strip-item:nth-child(1) { --x: 0%;     --w: 13.9%; --ry: 14deg;  --ox: 0%;   --yon: to right; }
.apf-strip-item:nth-child(2) { --x: 13.9%;  --w: 13.4%; --ry: 20deg;  --ox: 0%;   --yon: to right; }
.apf-strip-item:nth-child(3) { --x: 31.7%;  --w: 9.6%;  --ry: 26deg;  --ox: 0%;   --yon: to right; }
.apf-strip-item:nth-child(4) { --x: 58.7%;  --w: 9.6%;  --ry: -26deg; --ox: 100%; --yon: to left; }
.apf-strip-item:nth-child(5) { --x: 72.6%;  --w: 13.4%; --ry: -20deg; --ox: 100%; --yon: to left; }
.apf-strip-item:nth-child(6) { --x: 86.1%;  --w: 13.9%; --ry: -14deg; --ox: 100%; --yon: to left; }
/* Dar ekranda iç paneller (3–4) gizlenir; dış dörtlü daha geniş kalır. */
@media (max-width: 767.98px) {
    .apf-strip-item:nth-child(3), .apf-strip-item:nth-child(4) { display: none; }
    .apf-strip-item:nth-child(1) { --w: 22%; } .apf-strip-item:nth-child(2) { --x: 22%; --w: 20%; }
    .apf-strip-item:nth-child(5) { --x: 58%; --w: 20%; } .apf-strip-item:nth-child(6) { --x: 78%; --w: 22%; }
}
/* Telif/yasal satırı şeridin üstünde okunaklı kalsın: perde şeridin tamamını alttan kaplar (dikiş çizgisi oluşmaz). */
.apf-strip::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6,20,51,.5) 0%, rgba(6,20,51,.18) 45%, rgba(6,20,51,0) 75%); pointer-events: none; }

.apf-inner { position: relative; z-index: 2; padding-top: 3rem; }
.apf-cols { display: flex; flex-direction: column; padding: 5.5rem 1.5rem 1.375rem; }
@media (min-width: 640px) { .apf-cols { padding: 10rem 2rem 1.125rem; } }
@media (min-width: 768px) { .apf-cols { flex-direction: row; justify-content: flex-end; column-gap: 1.5rem; padding: 5rem 2rem 1.125rem; } }
.apf-col { margin-bottom: 1.5rem; }
@media (min-width: 768px) { .apf-col { margin-bottom: 0; width: calc(2 * var(--ape-col) + var(--ape-gutter)); min-width: 10rem; } }
.apf-col h3 { margin: 0 0 1.375rem; font-family: var(--ape-display); font-weight: 400; font-size: 1.625rem; line-height: 1; text-transform: uppercase; color: #fff; }
.apf-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
@media (min-width: 768px) { .apf-col ul { gap: 1rem; } }
.apf-link { display: block; color: #fff; text-decoration: none; font-family: var(--ape-mono); font-size: .75rem; line-height: 14px; letter-spacing: .02em; text-transform: uppercase; }
.apf-link .ape-link__inner::after { background: currentColor; }
/* Dev yazı-ağı: sarmalayıcı aspect 3.8; canvas aspect 9/3, %10 yukarı kaydırılır */
.apf-wordwrap { position: relative; width: 100%; aspect-ratio: 3.8; }
.apf-word { position: absolute; left: 0; right: 0; width: 100%; aspect-ratio: 9 / 3; transform: translateY(-10%); pointer-events: none; padding: 0 1.125rem; box-sizing: border-box; }
@media (min-width: 768px) { .apf-word { padding: 0; } }
.apf-wordfallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--ape-display); font-size: clamp(3rem, 17vw, 16rem); line-height: 1; text-transform: uppercase; color: rgba(255,255,255,.9); letter-spacing: .02em; }
.apf.is-gl .apf-wordfallback { display: none; }
/* Alt satır: yasal bağlantılar ortada (sarabilir), telif metni en altta tek başına ve ortalı. */
.apf-bottom { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; padding: 1.5rem 1.5rem 1.375rem; text-align: center; }
@media (min-width: 640px) { .apf-bottom { padding: 1.5rem 2rem 1.25rem; } }
.apf-bottom nav { width: 100%; }
.apf-copy { display: block; margin: 0; font-family: var(--ape-mono); font-size: .75rem; line-height: 14px; letter-spacing: .02em; text-transform: uppercase; color: #fff; text-align: center; opacity: .9; }
@media (min-width: 768px) { .apf-copy { font-size: .75rem; white-space: nowrap; } }
.apf-legal { list-style: none; margin: 0 auto; padding: 0; display: flex; column-gap: 1rem; row-gap: .5rem; position: relative; flex-wrap: wrap; justify-content: center; max-width: 1100px; }
.apf-legal .apf-link { font-size: .75rem; position: relative; }
@media (min-width: 768px) { .apf-legal .apf-link { font-size: .75rem; } }
.apf-legal li:not(:last-child) .apf-link { margin-right: .5rem; }
.apf-legal li:not(:last-child) .apf-link::after { content: "|"; position: absolute; top: -1px; right: -.875rem; color: #fff; }
/* Dar ekranda bağlantılar alt alta sarar; satır sonunda yetim "|" kalmasın. */
@media (max-width: 767.98px) { .apf-legal li:not(:last-child) .apf-link { margin-right: 0; } .apf-legal li:not(:last-child) .apf-link::after { display: none; } .apf-legal { column-gap: 1.25rem; } }

@media (pointer: coarse) {
    .apf-col ul { gap: 0; }
    .apf-col .apf-link { display: inline-flex; align-items: center; min-height: 44px; }
    .apf-legal { row-gap: 0; }
    .apf-legal .apf-link { display: inline-flex; align-items: center; min-height: 40px; }
}

/* ── Akordeon başlıkları (Hızlı Bağlantılar / Son Yazılar / Yasal Bilgiler) ──
   Masaüstünde başlık düğmesi pasif (disabled) ve düz başlık gibi görünür; <768'de dokununca liste açılır/kapanır. */
.apf-acc-btn { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: 0; margin: 0;
    border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: left; cursor: pointer; }
.apf-acc-btn:disabled { cursor: default; color: inherit; opacity: 1; }
.apf-acc-btn:disabled .apf-acc-ico { display: none; }
.apf-acc-btn:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: .25rem; }
.apf-acc-ico { flex: none; width: 20px; height: 20px; transition: transform .25s ease; }
.apf-acc.is-open .apf-acc-ico { transform: rotate(180deg); }
.apf-legal-h { margin: 0; font-family: var(--ape-display); font-weight: 400; font-size: 1.625rem; line-height: 1; text-transform: uppercase; color: #fff; }
@media (min-width: 768px) { .apf-legal-h { display: none; } }
@media (max-width: 767.98px) {
    .apf--acc .apf-acc-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
    .apf--acc .apf-acc-in { overflow: hidden; min-height: 0; visibility: hidden; transition: visibility 0s linear .3s; }
    .apf--acc .apf-acc.is-open .apf-acc-panel { grid-template-rows: 1fr; }
    .apf--acc .apf-acc.is-open .apf-acc-in { visibility: visible; transition-delay: 0s; }
    .apf--acc .apf-acc-btn { min-height: 56px; }
    .apf--acc .apf-col.apf-acc { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
    .apf--acc .apf-col.apf-acc:first-child { border-top: 1px solid rgba(255,255,255,.2); }
    .apf--acc .apf-col.apf-acc h3 { margin: 0; }
    .apf--acc .apf-col.apf-acc ul { padding-bottom: 1rem; }
    .apf--acc .apf-col:not(.apf-acc) { margin-top: 1.5rem; }
    .apf--acc .apf-acc--legal { border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
    .apf--acc .apf-acc--legal .apf-legal { padding: .25rem 0 1rem; }
}
@media (prefers-reduced-motion: reduce) { .apf-acc-panel, .apf-acc-in, .apf-acc-ico { transition: none !important; } }

/* ── Telefon: footer'ın üst boşluğu en aza (eskiden ilk başlığa kadar 193px boş mavi alan vardı) ── */
@media (max-width: 767.98px) {
    .apf-inner { padding-top: 0; }
    .apf-cols { padding-top: 2rem; padding-bottom: 1rem; }
    .apf-wordwrap { margin-top: .5rem; }
    /* Yasal Bilgiler açıldığında bağlantılar sola dayalı, alt alta */
    .apf--acc .apf-acc--legal { text-align: left; }
    .apf--acc .apf-acc--legal .apf-legal { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; margin: 0; max-width: none; }
    .apf--acc .apf-acc--legal .apf-legal .apf-link { justify-content: flex-start; text-align: left; }
}

/* ─── Kataloglar sütunu + üyelik rozetleri (2026-10-15) ─────────────────────────────────────────────────────────
   ≥768: sütunlar (Hızlı Bağlantılar · Son Yazılar · Kataloglar · Sosyal) sağa yaslı satır; rozet satırı alta kırılır ve
   sağdaki --k sütun genişliğinde durur (Son Yazılar hizasından sağ kenara). Telefonda rozetler 2'li ızgara. */
@media (min-width: 768px) { .apf-cols { flex-wrap: wrap; row-gap: 2.5rem; } }
@media (min-width: 768px) and (max-width: 1023.98px) { .apf-col { min-width: 9rem; } }
.apf-col .apf-link:has(.apf-dis), .apf-tumu { display: inline-flex; align-items: center; gap: .375rem; }
.apf-dis { width: .75rem; height: .75rem; flex: none; opacity: .8; }
.apf-tumu { margin-top: .25rem; }
.apf-tumu .ape-link__inner { font-weight: 500; }
.apf-rozetler {
    list-style: none; margin: .5rem 0 1.5rem; padding: 0; width: 100%;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem;
}
@media (min-width: 768px) {
    .apf-rozetler {
        margin: 0; max-width: 100%; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr));
        width: calc(var(--k, 3) * max(10rem, 2 * var(--ape-col) + var(--ape-gutter)) + (var(--k, 3) - 1) * 1.5rem);
    }
}
.apf-rozet {
    display: flex; align-items: center; justify-content: center; height: 64px; padding: .5rem .75rem; border-radius: .75rem;
    background: #fff; box-shadow: 0 6px 18px rgba(4, 20, 60, .18); transition: transform .25s, box-shadow .25s;
}
a.apf-rozet:hover, a.apf-rozet:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(4, 20, 60, .26); }
a.apf-rozet:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.apf-rozet picture { display: contents; }
.apf-rozet img { display: block; width: auto; height: auto; max-width: 100%; max-height: 40px; object-fit: contain; }