/* =============================================================================
   footer-modern.css — Modern footer  (footer_ayar.tip = 2)
   Uygun Medya · uygunmedya.net.tr · 2026-09-13
   -----------------------------------------------------------------------------
   Bu dosya YALNIZCA `.ada-ftr` altındaki yeni işaretlemeyi biçimlendirir.
   Klasik footer (tip 0/1) sınıf adlarına HİÇ dokunmaz; panelden tip geri
   alınırsa bu dosyanın tek bir kuralı bile devreye girmez.

   PANEL DEĞERLERİ
   Renk/ölçü değerleri buraya YAZILMAZ. footer.php tek bir
   <style id="ada-footer-degiskenleri"> bloğu basar ve yalnızca CSS DEĞİŞKENİ
   tanımlar (`--ftr-bg`, `--ftr-bag`, `--ftr-kolon` …). Buradaki her kural
   onları `var(…, yedek)` ile okur.
   🪤 Değişkenler `:root` üzerinde — header'da öğrenildi: bileşenin kendi
   üzerinde tanımlanırsa dışındaki öğeler miras alamaz.

   YERLEŞİM — ÖLÇÜLEN BİR SORUNUN ÇÖZÜMÜ
   Klasik footer sabit px'li `inline-block` kullanıyordu (400/260/200/200) ve
   1024 px'te "Hakkımızda" 922 px'e yayılıp diğerlerini ikinci satıra itiyor,
   768 px'te ikinci bağlantı kolonu tek başına üçüncü satıra düşüyordu. Burada
   `grid` + `auto-fit` var: kırılmalar kendiliğinden çözülüyor ve YENİ BİR
   BREAKPOINT AÇILMIYOR (projede zaten beş ayrı şema var).

   İÇİNDEKİLER
     1. Kabuk ve ızgara
     2. Bloklar: hakkımızda / iletişim / kolonlar
     3. Sosyal · bülten · harita
     4. Alt bar
     5. Mobil (≤767.98px): akordiyon + iletişim düğmeleri
     6. Hareketi azalt
   ========================================================================== */


/* =============================================================================
   1. KABUK VE IZGARA
   ========================================================================== */

.ada-ftr {
    display: block;
    background: var(--ftr-bg, #171A19);
    background-color: var(--ftr-bg-renk, #171A19);
    background-size: var(--ftr-bg-boyut, auto);
    background-position: center;
    color: var(--ftr-yazi, #A2A7AD);
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.ada-ftr-ic {
    width: 100%;
    max-width: var(--ftr-genislik, 100%);
    margin: 0 auto;
    padding-inline: clamp(16px, 4vw, 48px);
}

.ada-ftr-ust { padding-block: clamp(34px, 5vw, 54px); }

/* Izgara: en dar sütun 210px; sığmayan sütun kendiliğinden alta iner.
   `--ftr-kolon` panelden gelen bağlantı kolonu sayısı; toplam sütun sayısı
   ona göre artıyor ama sabit bir sayı DAYATILMIYOR - dar ekranda auto-fit
   yine de azaltıyor. */
.ada-ftr-ust .ada-ftr-ic {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: clamp(22px, 3vw, 44px);
    align-items: start;
}

/* 🪤 `auto-fit` SUTUN SAYISINI GENISLIKTEN TURETIR, BLOK SAYISINDAN DEGIL.
   Olculdu: 1024-1280px arasinda uc sutun uretiliyordu ama dort blok vardi -
   dorduncusu alt satira dusuyor, footer "kirik" gorunuyordu. Blok sayisi
   sablonda sayilip `--ftr-blok` ile veriliyor; genis ekranda sutun sayisi
   ONA esitleniyor, yani her blok bir sutun ve hepsi AYNI genislikte.
   Dar ekranda kural devrede degil - auto-fit sarmaya devam eder. */
@media screen and (min-width: 1024px) {
    .ada-ftr-ust .ada-ftr-ic {
        grid-template-columns: repeat(var(--ftr-blok, 4), minmax(0, 1fr));
    }
}

/* 🪤 ARA ARALIKTA `auto-fit` UC SUTUN URETIYOR VE DORDUNCU BLOK TEK BASINA
   ALT SATIRA DUSUYOR. Olculdu: 1024px pencerede gorunum alani 1002px (kaydirma
   cubugu) - yani yukaridaki kuralin ESIGININ ALTINDA kaliyor ve 3+1 cikiyor.
   Bu aralikta 2x2 dengeli: dort blok iki satirda esit bolunur, "kirik" satir
   olusmaz. */
@media screen and (min-width: 600px) and (max-width: 1023.98px) {
    .ada-ftr-ust .ada-ftr-ic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* 🔴 "Hakkımızda" ARTIK IKI SUTUN KAPLAMIYOR.
   Onceden `>=1024px`te `grid-column: span 2` idi. Olculdu (1920px): blok
   694px genisligindeydi ama tanitim metni ~380px'te sariliyordu - blogun
   sagindaki ~300px BOS kaliyordu ve oteki uc kolon sola sikismis gibi
   goruniyordu. Kullanicinin "cok fazla sola kayilmis" dedigi sey buydu.
   Dort blok esit genislikte olunca izgara dengeleniyor. */
.ada-ftr-hakkimizda { grid-column: span 1; }

.ada-ftr-blok { min-width: 0; }

/* Klavye odağı — klasik footer'da hiç yoktu. */
.ada-ftr a:focus-visible,
.ada-ftr button:focus-visible,
.ada-ftr input:focus-visible {
    outline: 2px solid var(--ftr-vurgu, #C2603C);
    outline-offset: 2px;
    border-radius: var(--ada-r-sm, 6px);
}


/* =============================================================================
   2. BLOKLAR
   ========================================================================== */

.ada-ftr-baslik {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--ftr-baslik, #CECCCC);
}

/* Kısa vurgu çizgisi — başlığı gövdeden ayırır. */
.ada-ftr-baslik::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--ftr-vurgu, #C2603C);
}

/* --- Hakkımızda --- */
.ada-ftr-logo { display: inline-block; margin-bottom: 16px; }

/* 🪤 `width: auto` YAZMAYIN.
   <img> etiketinde width/height oznitelikleri var (gorselSrcset basiyor) ve
   tarayici yuklenmeden once yeri onlardan hesapliyor. `width:auto` bu
   hesabi iptal eder: gorsel `loading="lazy"` oldugu icin yuklenene kadar
   0x0 yer kaplar, yuklendiginde yerlesim ziplar (olculdu). Yalnizca
   `max-width` ile sinirla; `height:auto` zaten mobile-fixes.css'te global. */
.ada-ftr-logo img {
    display: block;
    max-width: 220px;
}

.ada-ftr-metin { margin: 0 0 14px; max-width: 46ch; }

.ada-ftr-devam {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    color: var(--ftr-vurgu, #C2603C);
    font-weight: 600;
    text-decoration: none;
}

.ada-ftr-devam:hover,
.ada-ftr-devam:focus-visible {
    color: var(--ftr-vurgu, #C2603C);
    text-decoration: underline;
}

.ada-ftr-devam i { transition: transform var(--ada-sure-hizli, 160ms) var(--ada-egri, ease); }
.ada-ftr-devam:hover i { transform: translateX(4px); }

/* --- İletişim --- */
.ada-ftr-iletisim-liste {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ada-ftr-il {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 12px;
}

.ada-ftr-il > i {
    flex: 0 0 auto;
    width: 17px;
    margin-top: 4px;
    text-align: center;
    font-size: 15px;
    color: var(--ftr-vurgu, #C2603C);
}

.ada-ftr-il a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    color: var(--ftr-bag, #A2A7AD);
    text-decoration: none;
    word-break: break-word;
}

.ada-ftr-il a:hover,
.ada-ftr-il a:focus-visible { color: var(--ftr-bag-hover, #C2603C); text-decoration: none; }

/* Kısa etiket ("Ara", "Yol Tarifi") yalnızca mobil düğme modunda görünür. */
.ada-ftr-il-kisa { display: none; }

.ada-ftr-il-govde { display: block; }
.ada-ftr-il-etiket { display: block; font-weight: 600; color: var(--ftr-baslik, #CECCCC); }

/* Çalışma saatleri: gün ve saat ayrı hücre. `flex` + `gap` yerine iki
   hücreli satır; gün adı uzasa da saat sağda hizalı kalıyor. Saatler artık
   yapılandırılmış veriden geliyor (ayarlar.calisma_saatleri). */
.ada-ftr-saat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2px 10px;
}
.ada-ftr-saat-deger { white-space: nowrap; }
.ada-ftr-saat-kapali .ada-ftr-saat-deger { opacity: .7; }
.ada-ftr-saat-not {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    opacity: .75;
}

/* --- Bağlantı kolonları --- */
.ada-ftr-liste {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ada-ftr-liste a {
    position: relative;
    display: block;
    padding: 7px 0;
    color: var(--ftr-bag, #A2A7AD);
    font-size: 13.5px;
    text-decoration: none;
    transition: color var(--ada-sure-hizli, 160ms) var(--ada-egri, ease),
                transform var(--ada-sure-hizli, 160ms) var(--ada-egri, ease);
}

.ada-ftr-liste a:hover,
.ada-ftr-liste a:focus-visible {
    color: var(--ftr-bag-hover, #C2603C);
    transform: translateX(4px);
    text-decoration: none;
}

/* Akordiyon düğmesi masaüstünde DÜZ BAŞLIK gibi davranır: düğme görünümü ve
   ok işareti yok, tıklama da yok (aşağıdaki mobil bölümü geri açar). */
.ada-ftr-katla {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: default;
}

.ada-ftr-katla > i { display: none; }


/* =============================================================================
   3. SOSYAL · BÜLTEN · HARİTA
   ========================================================================== */

.ada-ftr-sosyal { display: flex; flex-wrap: wrap; gap: 8px; }

.ada-ftr-sosyal a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--ftr-baslik, #CECCCC);
    background-color: color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 8%, transparent);
    text-decoration: none;
    transition: background-color var(--ada-sure-hizli, 160ms) var(--ada-egri, ease),
                color var(--ada-sure-hizli, 160ms) var(--ada-egri, ease),
                transform var(--ada-sure-hizli, 160ms) var(--ada-egri, ease);
}

.ada-ftr-sosyal a:hover,
.ada-ftr-sosyal a:focus-visible {
    background-color: var(--ftr-vurgu, #C2603C);
    color: #FFFFFF;
    transform: translateY(-2px);
}

.ada-ftr-sosyal i { font-size: 16px; }

/* Panelden: daire | kare | düz */
.ada-ftr-sosyal-daire .ada-ftr-sosyal a { border-radius: 50%; }
.ada-ftr-sosyal-kare  .ada-ftr-sosyal a { border-radius: var(--ada-r-sm, 6px); }
.ada-ftr-sosyal-duz   .ada-ftr-sosyal a {
    width: auto;
    height: auto;
    min-width: 34px;
    min-height: 34px;
    border-radius: 0;
    background: none;
}

/* Sosyal blok ayrı bir sütun değil, "Hakkımızda"nın altına yapışır —
   kendi başlığı gizlenir ve üstündeki blokla aynı sütunda kalır. */
.ada-ftr-sosyal-blok { margin-top: -6px; }
.ada-ftr-sosyal-baslik { font-size: 13px; }

/* Tanıtım bloğunun içindeki şerit: kendi sütununda değil, "Devamı"nın
   altında. Ayrı bir sütun açmak 1440px'te sütunun çoğunu boş bırakıyordu. */
.ada-ftr-sosyal-ic { margin-top: 16px; }

/* --- Bülten --- */
.ada-ftr-bulten-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.ada-ftr-bulten-form input[type="email"] {
    flex: 1 1 160px;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 18%, transparent);
    border-radius: var(--ada-r-sm, 6px);
    background-color: color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 6%, transparent);
    color: var(--ftr-baslik, #CECCCC);
}

.ada-ftr-bulten-form input[type="email"]::placeholder { color: var(--ftr-yazi, #A2A7AD); opacity: .75; }

.ada-ftr-bulten-form input[type="email"]:focus {
    border-color: var(--ftr-vurgu, #C2603C);
    outline: none;
}

.ada-ftr-bulten-form button {
    flex: 0 0 auto;
    height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: var(--ada-r-sm, 6px);
    background-color: var(--ftr-vurgu, #C2603C);
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
}

/* --- Harita --- */
.ada-ftr-harita-kutu {
    position: relative;
    height: var(--ftr-harita-yuk, 220px);
    border-radius: var(--ada-r-md, 10px);
    overflow: hidden;
    background-color: color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 6%, transparent);
}

/* Panelden yapıştırılan gömme kodu kendi ölçüsünü taşıyabilir; kutuya
   oturtuluyor. */
.ada-ftr-harita-kutu iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* =============================================================================
   4. ALT BAR
   ========================================================================== */

.ada-ftr-alt {
    background-color: var(--ftr-alt-bg, #171A19);
    border-top: 1px solid color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 10%, transparent);
    color: var(--ftr-alt-yazi, #A2A7AD);
    padding-block: 20px;
}

/* --- Yasal şerit --- */
.ada-ftr-yasal ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    margin: 0 0 14px;
    padding: 0 0 14px;
    list-style: none;
    border-bottom: 1px solid color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 8%, transparent);
}

.ada-ftr-yasal a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    color: var(--ftr-alt-yazi, #A2A7AD);
    font-size: 13px;
    text-decoration: none;
}

.ada-ftr-yasal a:hover,
.ada-ftr-yasal a:focus-visible { color: var(--ftr-bag-hover, #C2603C); text-decoration: underline; }

/* --- Telif + ödeme görseli --- */
.ada-ftr-alt-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.ada-ftr-alt-ortali .ada-ftr-alt-satir { justify-content: center; text-align: center; }
.ada-ftr-alt-ortali .ada-ftr-yasal ul  { justify-content: center; }

.ada-ftr-telif-1 { font-size: 14px; font-weight: 600; color: var(--ftr-baslik, #CECCCC); }
.ada-ftr-telif-2 { font-size: 13px; margin-top: 2px; }

.ada-ftr-telif a { color: var(--ftr-bag-hover, #C2603C); text-decoration: none; }
.ada-ftr-telif a:hover { text-decoration: underline; }

/* --- Ödeme işaretleri ---------------------------------------------------
   Tek bir "HAVALE / EFT" PNG'sinin yerine ikon şeridi. Beyaz ikon + beyaz
   etiket, yarı saydam bir hücrenin üzerinde: koyu zeminde markasız ama
   okunur duruyor ve yeni yöntem eklemek görsel düzenlemek gerektirmiyor.

   🪤 Renkler SABİT beyaz, `--ftr-*` değişkenlerine bağlanmadı: bunlar ödeme
   kabul işaretleri ve her zeminde aynı okunmaları gerekiyor.               */
.ada-ftr-odeme {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ada-ftr-odeme-oge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: var(--ada-r-sm, 6px);
    background: rgba(255, 255, 255, .07);
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.4;
    white-space: nowrap;
}
.ada-ftr-odeme-oge i {
    font-size: 17px;
    line-height: 1;
    /* Marka ikonları kendi en-boy oranlarında; hizayı harf değil ikon
       belirlesin diye optik olarak 1px yukarı alındı. */
    transform: translateY(-1px);
}

/* Eski yükleme kipi ('gorsel'): sarmalayıcı ADI DEĞİŞTİ, çünkü ikon şeridi
   artık `.ada-ftr-odeme` adını kullanıyor.
   🪤 `width: auto` YAZILMIYOR - attribute'lardan gelen en-boy oranını iptal
   edip lazy görselin 0x0 yer kaplamasına (CLS) yol açıyor. */
.ada-ftr-odeme-gorsel img {
    display: block;
    max-width: min(320px, 60vw);
}


/* =============================================================================
   5. MOBİL  (≤767.98px)
   -----------------------------------------------------------------------------
   Ölçülen sorun: klasik footer 390 px'te 1153 px yüksekliğindeydi ve
   16 bağlantının 16'sı 40 px'in altındaydı. Buradaki iki müdahale:

     a) bağlantı kolonları AKORDİYON — kapalı başlar, başlığa dokununca açılır
     b) iletişim satırları DÜĞME — eşit genişlikte, 44 px'lik gerçek hedefler

   İkisi de panelden kapatılabiliyor (`mobil_akordiyon`, `mobil_iletisim_dugme`).
   Blok sırası da panelden: işaretleme tek, sıralamayı CSS `order` yapıyor
   (satır içi `style="order:N"` — değer PHP'de tam sayıya süzülüyor).
   ========================================================================== */

@media screen and (max-width: 767.98px) {

    .ada-ftr-ust { padding-block: 26px; }

    .ada-ftr-ust .ada-ftr-ic {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ada-ftr-blok {
        padding-block: 14px;
        border-bottom: 1px solid color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 8%, transparent);
    }

    .ada-ftr-blok:last-child { border-bottom: 0; }

    .ada-ftr-hakkimizda { grid-column: span 1; }
    .ada-ftr-metin { max-width: none; }
    .ada-ftr-baslik { margin-bottom: 12px; }

    /* --- (a) AKORDİYON ------------------------------------------------- */
    .ada-ftr-akordiyon .ada-ftr-kolon .ada-ftr-baslik {
        margin: 0;
        padding-bottom: 0;
    }

    .ada-ftr-akordiyon .ada-ftr-kolon .ada-ftr-baslik::after { display: none; }

    .ada-ftr-akordiyon .ada-ftr-katla {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 44px;          /* dokunma hedefi */
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .ada-ftr-akordiyon .ada-ftr-katla > i {
        display: block;
        font-size: 18px;
        opacity: .7;
        transition: transform var(--ada-sure, 260ms) var(--ada-egri, ease);
    }

    .ada-ftr-akordiyon .ada-ftr-katla[aria-expanded="true"] > i { transform: rotate(180deg); }

    /* JS varsa kapalı başlar. JS yoksa liste AÇIK kalır — içerik hiçbir
       koşulda erişilmez olmaz (header çekmecesiyle aynı ilke).
       🪤 `grid-template-rows: 0fr` ÇOK SATIRLI LİSTEDE ÇALIŞMAZ — header'da
       ölçüldü, yalnızca ilk satırı kapatıyor. max-height + visibility. */
    .ada-hdr-js .ada-ftr-akordiyon .ada-ftr-liste {
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transition: max-height var(--ada-sure, 260ms) var(--ada-egri, ease),
                    opacity var(--ada-sure-hizli, 160ms) var(--ada-egri, ease),
                    visibility var(--ada-sure, 260ms) step-end;
    }

    .ada-hdr-js .ada-ftr-akordiyon .ada-ftr-liste.ada-acik {
        max-height: 90vh;
        visibility: visible;
        opacity: 1;
        padding-top: 4px;
        transition: max-height var(--ada-sure, 260ms) var(--ada-egri, ease),
                    opacity var(--ada-sure-hizli, 160ms) var(--ada-egri, ease),
                    visibility var(--ada-sure, 260ms) step-start;
    }

    /* Açık listede bağlantı hedefleri de 44 px. */
    .ada-ftr-liste a { padding: 11px 0; font-size: 14px; }

    /* --- (b) İLETİŞİM DÜĞMELERİ ---------------------------------------- */
    .ada-ftr-mob-dugme .ada-ftr-iletisim-liste {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Eylemi olan satırlar (tel/whatsapp/mail/adres) düğmeye döner.
       Çalışma saatleri ve eylemi olmayanlar tam satır kalır - onlar
       okunacak bilgi, tıklanacak hedef değil. */
    .ada-ftr-mob-dugme .ada-ftr-il:not(.ada-ftr-il-saat) {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
        align-items: center;
        gap: 8px;
        margin: 0;
        min-height: 44px;
        padding: 0 10px;
        border-radius: var(--ada-r-sm, 6px);
        background-color: color-mix(in srgb, var(--ftr-kenarlik, #FFFFFF) 8%, transparent);
    }

    .ada-ftr-mob-dugme .ada-ftr-il:not(.ada-ftr-il-saat) > i { margin-top: 0; }

    .ada-ftr-mob-dugme .ada-ftr-il:not(.ada-ftr-il-saat) a {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 44px;
        font-size: 13px;
        font-weight: 600;
    }

    /* Düğmede uzun değer yerine KISA etiket: "sandalyeadasi@gmail.com"
       yarım sütuna sığmaz, "E-posta" sığar. */
    .ada-ftr-mob-dugme .ada-ftr-il:not(.ada-ftr-il-saat) .ada-ftr-il-metin { display: none; }
    .ada-ftr-mob-dugme .ada-ftr-il:not(.ada-ftr-il-saat) .ada-ftr-il-kisa {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ada-ftr-mob-dugme .ada-ftr-il-saat { margin-top: 10px; }

    /* Panelden "telefonda gizle" işaretlenen bloklar. Masaüstünde görünmeye
       devam eder; tek işaretleme, iki görünüm. */
    .ada-ftr-blok[data-mobil-gizli="1"] { display: none; }

    /* "Devamı" bağlantısı da tam hedef olsun. */
    .ada-ftr-devam { min-height: 44px; }

    /* --- Sosyal --- */
    .ada-ftr-sosyal a { width: 44px; height: 44px; }

    /* Sosyal bloğun kendi <h2> başlığı telefonda kaldırılıyor: dört ikon için
       ayrı bir başlık + vurgu çizgisi ~50 px yer yiyordu ve ikonlar zaten
       kendini anlatıyor (her birinin görsel-gizli adı var). Ekran okuyucu
       için başlık kaybolmuyor - yalnızca gözden gizleniyor. */
    .ada-ftr-sosyal-baslik {
        position: absolute;
        width: 1px; height: 1px;
        padding: 0; margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }
    .ada-ftr-sosyal-blok { margin-top: 0; padding-top: 10px; }

    /* --- Alt bar --- */

    .ada-ftr-alt-satir { justify-content: center; text-align: center; }
    .ada-ftr-telif { width: 100%; }
    /* Telif cümlesinin İÇİNDEKİ bağlantı (geliştirici künyesi) satır içi bir
       bağlantıdır; WCAG 2.5.8'in "inline" istisnasına girer, 44 px'e
       zorlanmaz - zorlanırsa cümle satırları birbirinden kopardı. */
    .ada-ftr-telif a { text-decoration: underline; text-underline-offset: 3px; }
    .ada-ftr-yasal ul { justify-content: center; }
    .ada-ftr-odeme { justify-content: center; margin-top: 4px; }
    .ada-ftr-odeme-gorsel img { max-width: 240px; margin: 4px auto 0; }
}


/* =============================================================================
   6. HAREKETİ AZALT — SON SÖZ
   Bu blok dosyanın SONUNDA kalmalı; yeni bölümler önüne eklenir.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .ada-ftr * {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
    }
}