/*
|--------------------------------------------------------------------------
| Dosya Adı           : a11y-touch-v9-08-00.css
| Oluşturulma Tarihi  : 27.09.2026
| Değişiklik Tarihi   : 27.09.2026 (v9.08.00)
| Hazırlayan          : Özgür Elibol
| Dokümanın Amacı     : Erişilebilirlik ve mobil kullanım düzeltmeleri:
|                      klavye odak halkası, 44 px dokunma alanları, slider
|                      noktalarının tıklama alanı, KVKK onay kutusu ve
|                      "hareketi azalt" tercihi, görünmeyen mobil menü
|                      ikonu. Renk teması değiştirilmez.
|                      Footer'da en son yüklenir (sayfa CSS'lerinden sonra).
|--------------------------------------------------------------------------
*/

/* ==========================================================================
   1) KLAVYE ODAK HALKASI
   Yalnızca klavyeyle gezinirken görünür (:focus-visible); fareyle
   tıklayınca çıkmaz. Koyu lacivert halka hem kırmızı header/footer
   üzerinde hem beyaz zeminde yeterli kontrast verir.
   ========================================================================== */
:where(a, button, input, select, textarea, summary, [tabindex], [role="button"]):focus-visible {
    outline: 3px solid #111827 !important;
    outline-offset: 2px !important;
}

/* Metin alanlarında halka kutunun dışına taşmasın diye içe alınır */
:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus-visible {
    outline-offset: 0 !important;
}

/* ==========================================================================
   2) KVKK / YASAL ONAY KUTUSU (her ekran)
   13 px kutu 20 px'e çıkar; işaret rengi site kırmızısı olur.
   ========================================================================== */
.legal-check input[type="checkbox"] {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
    accent-color: #ed1c24;
    cursor: pointer;
}

/* ==========================================================================
   3) MOBİL DOKUNMA ALANLARI (≤ 900 px veya dokunmatik ekran)
   ========================================================================== */
@media (max-width: 900px), (pointer: coarse) {

    /* --- 3a) Görünümü değişmeyen, yalnızca tıklama alanı büyüyen öğeler ---
       Görünmez ::after katmanı ile basılabilir alan genişletilir. */
    .caa-main-topics-dots-v743 button,
    .caa-news-slider-dots-v805 button,
    .legal-links a,
    .footer-contact-link,
    .caa-login-note a,
    .caa-login-small a,
    .caa-portfolio-breadcrumb a {
        position: relative;
    }

    .legal-links a::after,
    .footer-contact-link::after,
    .caa-login-note a::after,
    .caa-login-small a::after,
    .caa-portfolio-breadcrumb a::after {
        content: "";
        position: absolute;
        inset: -11px 0;
    }

    /* Slider noktaları: aralık 8 → 16 px, her noktanın alanı en az 24×28 px */
    .caa-main-topics-dots-v743,
    .caa-news-slider-dots-v805 {
        gap: 16px !important;
    }

    .caa-main-topics-dots-v743 button::after,
    .caa-news-slider-dots-v805 button::after {
        content: "";
        position: absolute;
        inset: -9px -8px;
    }

    /* --- 3b) 44 px'e büyütülen düğmeler --- */
    .caa-main-topics-arrow-v743,
    .caa-news-slider-arrow-v805 {
        width: 44px !important;
        height: 44px !important;
    }

    .caa-language-current-v882,
    .caa-main-topics-button-v743,
    .caa-intro-skip-v667,
    .caa-home-portfolio-category-track-v777 a,
    .caa-v596-card-body .btn,
    form .btn,
    form button[type="submit"] {
        min-height: 44px !important;
    }

    .caa-visitor-intro-close-v819 {
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .caa-visitor-intro-skip-v819,
    .caa-home-portfolio-secondary-v632 {
        display: inline-flex !important;
        align-items: center;
        min-height: 44px !important;
    }

    /* Form alanları (ilan filtreleri vb.) */
    form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    form select {
        min-height: 44px !important;
    }
}

/* ==========================================================================
   4) HAREKETİ AZALT
   İşletim sisteminde "hareketi azalt" açık olan ziyaretçilerde
   animasyon ve yumuşak kaydırma kapatılır.
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================================
   5) MOBİL MENÜ DÜĞMESİ (☰) GÖRÜNÜRLÜĞÜ
   mobile-red-white-v6-53 düğmeyi beyaz zemin + kırmızı ikon olarak
   tasarlamıştı; header-footer-colors-v8-09 tüm header yazılarını beyaza
   zorladığı için ikon beyaz zeminde kayboluyordu. İkon, panelden seçilen
   header rengini alır.
   ========================================================================== */
@media (max-width: 1180px) {
    .site-header .menu-toggle,
    .site-header .menu-toggle span {
        color: var(--caa-header-bg, #ed1c24) !important;
        -webkit-text-fill-color: var(--caa-header-bg, #ed1c24) !important;
    }

    /* Açılır mobil menü öğeleri 35 → 44 px (menü zaten kaydırılabilir) */
    .site-header .main-nav a,
    .site-header .main-nav summary,
    .site-header .main-nav button {
        min-height: 44px !important;
    }
}