/**
 * Dar ekranda dokunma hedefleri.
 *
 * 375x812'de ölçülen 44px altı tıklanabilir öğeler ve adetleri:
 *
 *   15x15   pop-up kapatma düğmesi          — yazı okurken açılan pop-up
 *   146x25  "Devamını Oku »"                — /blog/'da 50 adet
 *   148x20  footer bağlantıları             — her sayfada 22 adet
 *   20x20   yorum kartlarındaki LinkedIn    — anasayfada 5 adet
 *   95x18   "Detaylı Analiz" / "Vaka Analizi"
 *   227x25  SSS aç/kapa başlığı
 *   103x32  sekme düğmeleri
 *   201x39  "Daha Fazla Görüntüle"
 *   250x23  başlıktaki logo bağlantısı
 *
 * Hedef ~44px (Apple HIG); WCAG 2.2 asgari ölçüsü 24px. Bazılarında yükseklik
 * doğrudan büyütülüyor, görsel düzeni bozmaması gereken yerlerde ise
 * dolgu + negatif kenar boşluğu ile yalnızca tıklama alanı genişletiliyor.
 */

@media (max-width: 1024px) {

    /* ------------------------------------------------ Pop-up kapatma */

    /*
     * Elementor'un markup'ı: <a class="dialog-close-button"><i class="eicon-close"></i></a>
     * 15x15, dolgusuz, köşede mutlak konumlu. Parmakla kapatmak çok zordu.
     *
     * Dolgu + eşit negatif kenar boşluğu: kutu 43x43 oluyor ama ikon görsel
     * olarak tam eski yerinde kalıyor.
     */
    body .dialog-close-button {
        padding: 14px;
        margin: -14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*
     * Bildirim şeridinin (sp-toast-center) kapatma düğmesi: bir "×"
     * karakterinden oluşuyor ve kutusu 8x27px kalıyordu.
     */
    body .sp-close-btn {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* ------------------------------------------------ Footer bağlantıları */

    /*
     * Elementor'un ikon listesi widget'ı; bağlantılar 13px yazı ve 19.5px
     * satır yüksekliğiyle 20px kalıyordu, yan yana da 20px aralıklarıydı —
     * yanlış bağlantıya basmak çok kolaydı.
     *
     * Yalnızca footer kapsanıyor: içerik içindeki ikon listelerinin aralığı
     * değişmesin. (Bu sayfadaki 4 listenin 4'ü de footer'da.)
     */
    /*
     * Torun seçici (`>` değil): telefon bağlantısı
     * `li > span.elementor-icon-list-text > a` şeklinde bir seviye daha
     * derinde duruyor ve doğrudan çocuk seçicisi onu atlıyordu.
     */
    body .elementor-location-footer .elementor-icon-list-item a {
        padding: 10px 0;
        min-height: 40px;
        align-items: center;
    }

    /* Footer'daki logo bağlantısı 70x27 idi. */
    body .elementor-location-footer .elementor-widget-image a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    /* ------------------------------------------------ Blog kartları */

    /*
     * /blog/ sayfasında 50 adet. Satır içi olduğu için dikey dolgu satır
     * kutusunu büyütmüyordu; inline-block'a alınıyor.
     */
    body .elementor-post__read-more {
        display: inline-block;
        padding: 9px 0;
        min-height: 40px;
    }

    /* ------------------------------------------------ Bileşen bağlantıları */

    /*
     * Yorum kartındaki LinkedIn simgesi 20x20 bir SVG. Kart düzeni bozulmasın
     * diye kutu büyütülmüyor; dolgu + negatif kenar boşluğuyla yalnızca
     * tıklama alanı genişliyor.
     */
    body .br-linkedin-link {
        padding: 12px;
        margin: -12px;
    }

    /* "Detaylı Analiz" / "Vaka Analizi" — satır içiydi, 18px yüksekliğindeydi. */
    body .br-link {
        display: inline-block;
        padding: 11px 0;
    }

    /* ------------------------------------------------ Sekmeler ve açılırlar */

    body .elementor-toggle .elementor-toggle-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body .tab-button,
    body .ba-tab-btn {
        min-height: 44px;
    }

    /*
     * "Daha Fazla Görüntüle" (posts widget'ının yükle düğmesi) ve buton
     * widget'ları. Ortak kapsayıcı `.elementor-button-wrapper`; ilk denemede
     * `.elementor-widget-button` ve `.elementor-posts` kullanmıştım, ikisi de
     * bu düğmeyi kapsamıyordu (düğme posts widget'ında ama .elementor-posts
     * kapsayıcısının dışında).
     *
     * inline-flex: yalnızca min-height verilince metin dikeyde ortalanmıyor.
     */
    body .elementor-button-wrapper .elementor-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
    }

    /* ------------------------------------------------ Yazı sayfası */

    /*
     * AI özet çubuğunun araç düğmeleri (bileşen: assets/css/ai-ozet.css).
     * 8px dikey dolguyla 34px kalıyorlardı.
     */
    body .ba-ai-ozet__buton {
        min-height: 44px;
    }

    /*
     * Easy Table of Contents eklentisinin mobil içindekiler listesi.
     * Bağlantılar 21px yüksekliğindeydi ve alt alta sıralı olduğu için
     * yanlış başlığa basmak kolaydı. Bunlar gezinme bağlantısı, cümle içi
     * değil — dolayısıyla dolgu eklemek doğru.
     */
    body #ez-toc-container .ez-toc-link {
        padding: 9px 0;
        min-height: 40px;
        align-items: center;
    }

    body #ez-toc-container .ez-toc-pull-right {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /*
     * NOT: Makale metninin içindeki cümle bağlantıları (p > a, 20px)
     * BİLİNÇLİ olarak büyütülmedi. WCAG 2.2 "Target Size (Minimum)" ölçütü
     * bir cümlenin veya metin bloğunun içindeki hedefleri açıkça muaf tutuyor;
     * dolgu eklemek satır aralığını bozar ve metni okunmaz hale getirir.
     */

    /* ------------------------------------------------ Başlıktaki logo */

    /*
     * Bağlantı 250x23 idi: görsel 40px yüksek ama <a> satır içi olduğu için
     * kutusu metne göre hesaplanıyordu.
     */
    body .br-logo-area > a {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    /* ------------------------------------------------ Dil seçici */

    /*
     * 46px: yuzen-katmanlar.css dil seçiciye `transform: scale(.88)`
     * uyguluyor, dolayısıyla düzendeki 46px ekranda ~40px'e karşılık geliyor.
     * 40px yazıldığında görsel hedef 35px'e düşüyordu.
     */
    #trp-floater-ls .trp-floater-ls-disabled-language {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}