/* ============================================
   KASEMARKETİ ERİŞİLEBİLİRLİK CSS
   ============================================ */

/* 1. KONTRAST — FAQ başlıkları */
.kase-faq-section p[style*="color: #d35400"],
.kase-faq-section p[style*="color:#d35400"] {
    color: #9c3d00 !important;
}
.kase-faq-section {
    background-color: #ffffff !important;
}

/* 2. KONTRAST — Footer */
.footer-container,
.footer-container .widget,
.footer-container p,
.footer-container .wd-col-start {
    color: #cfcfcf;
}
.footer-container a {
    color: #ffffff;
    text-decoration: underline;
}
.footer-container a:hover {
    color: #ffb84d;
}
/* v2 EKLENDİ: <strong> etiketleri (copyright satırı, "KaşeMarketi", "Web Tasarım: ...")
   kendi rengini miras almıyor olabilir — açıkça beyaz yapıyoruz. */
.footer-container strong,
.footer-container .wd-col-start strong {
    color: #ffffff !important;
}

/* 3. KONTRAST — "YENİ" etiketi */
.product-label.new {
    background-color: #b53a00 !important;
    color: #ffffff !important;
}

/* 4. KONTRAST — WhatsApp butonu
   v2 DÜZELTME: v1'de sadece metin rengini beyaz yaptık, ama buton muhtemelen
   zaten beyaz metin kullanıyordu — asıl sorun arka plan rengiyle metnin
   yeterince kontrast oluşturmaması. Hem arka planı hem metni birlikte
   sabitliyoruz (WhatsApp'ın kendi koyu tonu #075E54, beyazla ~10:1 kontrast verir). */
.ctc_chip,
.ctc_chip.ctc_nb {
    background-color: #075e54 !important;
}
.ctc_cta,
.ctc_chip .ctc_cta {
    color: #ffffff !important;
    font-weight: 600;
}

/* 5. BAĞLANTI AYIRT EDİLEBİLİRLİĞİ
   v2 DÜZELTME: v1'deki seçiciler (.entry-content, .post-content vb.) hiç
   eşleşmemiş — çünkü site Elementor ile kuruluyor ve içerik metinleri
   .entry-content içinde değil, Elementor'un kendi Text Editor widget'ı
   içinde. Elementor class'larını ekliyoruz. */
.entry-content a,
.post-content a,
.page-content a,
.woocommerce-Tabs-panel a,
.woocommerce-product-details__short-description a,
.description a,
.elementor-widget-text-editor a,
.elementor-text-editor a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
.entry-content a:hover,
.post-content a:hover,
.page-content a:hover,
.elementor-widget-text-editor a:hover,
.elementor-text-editor a:hover {
    text-decoration-thickness: 2px;
}

/* 6. KLAVYE ODAK ÇERÇEVESİ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #ff8a00 !important;
    outline-offset: 2px;
}

/* 7. DOKUNMA HEDEFİ — sadece slider OKLARI (kart içeriğine dokunmuyor, düşük risk) */
.wd-btn-arrow {
    min-width: 48px;
    min-height: 48px;
    padding: 12px;
    box-sizing: border-box;
}

/* 8. DOKUNMA HEDEFİ — kategori kartı overlay linki (.wd-fill.category-link)
      BİLEREK BURAYA EKLEMEDİM. Gerçek DOM incelemesinde bu linkin muhtemelen
      "position:absolute; inset:0" ile tüm kartı kaplayan bir overlay olduğu
      görüldü (class adı "wd-fill" = "doldur"). display/min-height ile
      zorlamak bu overlay'in konumlanmasını bozabilir. Aşağıdaki JS
      (accessibility-fixes.js, madde 2) bu linki ekran okuyucudan gizleyerek
      asıl sorunu (tekrarlayan durak) çözüyor; CSS ile boyutlandırma ayrı,
      canlı test gerektiren bir adım — bkz. Bölüm 9. */

/* 9. SKIP LINK — görünmez ama klavyeyle odaklanabilir (sr-only tekniği)
   v2 DÜZELTME: v1 uygulandıktan sonra link HÂLÂ odaklanamıyordu. En olası
   sebep: temanın kendi CSS'inde bu linke "display: none" verilmiş olması —
   display:none bir elemanı hem görünmez hem de odaklanamaz yapar, ve v1'de
   biz "display" özelliğine hiç dokunmamıştık. Şimdi "display" değerini de
   !important ile zorluyoruz, ayrıca çakışma ihtimaline karşı diğer tüm
   özelliklere de !important ekliyoruz. */
.wd-skip-navigation {
    display: inline-block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    z-index: 99999 !important;
    background: #000 !important;
    color: #fff !important;
}
.wd-skip-navigation:focus {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 24px !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    left: 20px !important;
    top: 20px !important;
    font-size: 16px !important;
    text-decoration: none !important;
}