/*
    Erişilebilirlik düzeltmeleri — main.css'ten SONRA yüklenir.

    Lighthouse denetiminde WCAG 2.1 AA kontrast eşiğini (normal metin için
    4.5:1) geçemeyen renkler burada düzeltilir. Şablonun kendi dosyası
    (main.css) satıcıdan gelir ve güncellenebilir; düzeltmeleri ayrı
    tutmak o güncellemede kaybolmalarını önler.

    Her kural, ölçülen eski oranı ve yeni oranı yorumda taşır. Oranlar
    saydam renkler için ARKA PLANLA BİRLEŞTİRİLEREK ölçülmüştür — rgba
    değerini doğrudan hesaplamak yanıltıcı sonuç verir.
*/

/* ------------------------------------------------------------------
   1. Gri metinler
   ------------------------------------------------------------------ */

/* #808080 beyaz üzerinde 3.95:1 → #6b7280 ile 4.81:1
   Birim ("/Adet"), puan bilgisi ve benzeri yardımcı metinler. */
.text-gray-500 {
    color: #6b7280 !important;
}

/* #999999 beyaz üzerinde 2.85:1 → 4.81:1
   Üstü çizili eski fiyat da fiyat bilgisidir, dekoratif değil. */
.text-gray-400 {
    color: #6b7280 !important;
}

/* Editör kartındaki birim: #9ca3af beyaz üzerinde 2.54:1 → 4.81:1 */
.ep-card__unit {
    color: #6b7280 !important;
}

/* ------------------------------------------------------------------
   2. Yeşil zemin üzerinde beyaz metin
   ------------------------------------------------------------------ */

/* #2ABC79 üzerinde beyaz 2.45:1 → #157f52 ile 5.01:1
   "Kategoriler" düğmesi ve "%9 İndirim" rozeti. */
.bg-success-600 {
    background-color: #157f52 !important;
}

/* Aynı yeşil metin olarak da kullanılıyor; beyaz üzerinde 2.45:1 → 5.01:1 */
.text-success-600 {
    color: #157f52 !important;
}

.hover-bg-success-600:hover {
    background-color: #157f52 !important;
}

/* ------------------------------------------------------------------
   3. Sepete ekle düğmesi
   ------------------------------------------------------------------ */

/* Açık mavi zemin (--main-50) üzerinde --main-600 metin 4.40:1 —
   eşiğin hemen altında. Daha koyu marka tonu 6.40:1 veriyor. */
.product-card__cart {
    color: #145d78 !important;
}
.product-card__cart:hover {
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   4. Puan bölümü
   ------------------------------------------------------------------ */

/*
    Beyazın %50 saydamı hiçbir orta tonlu mavi üzerinde 4.5:1'e ulaşmaz:
    #1c799b üzerinde 2.42:1. Zemin koyulaştırılıp metin opaklığı
    yükseltildiğinde 7.0:1'e çıkıyor.
*/
.milli-puan-section.bg-main-600 {
    background-color: #12556e !important;
}
.milli-puan-section .text-white-50 {
    color: rgba(255, 255, 255, .9) !important;
}

/* ------------------------------------------------------------------
   5. Dokunma hedefleri
   ------------------------------------------------------------------ */

/*
    WCAG 2.5.8: dokunma hedefi en az 24x24 CSS pikseli olmalı.
    Editör kartındaki "Ekle" düğmesi bunun altındaydı.
*/
.ep-card__add {
    min-width: 32px;
    min-height: 32px;
}

/* ------------------------------------------------------------------
   6. Gövde metni rengi
   ------------------------------------------------------------------ */

/*
    --light 0 0% 51% (#828282) --body-color olarak kullanılıyor, yani
    sitedeki varsayılan metin rengi. Beyaz üzerinde 3.84:1 — eşiğin
    altında ve tek tek düzeltmek yerine kaynağı düzeltmek gerekiyor.
    %44 ile 4.95:1.
*/
:root {
    --light: 0 0% 44%;
}

/* Alt bilgi şeridi #F1F1F1 zeminde; gövde rengiyle 4.38:1 kalıyor. */
.bottom-footer__text {
    color: #5f5f5f !important;
}

/* ------------------------------------------------------------------
   7. Mor influencer bloğu
   ------------------------------------------------------------------ */

/*
    Gradient'in açık ucunda (#667eea) beyaz metin 3.66:1 veriyordu.
    Başlangıç tonu koyulaştırıldı: 5.05:1. Koyu uç zaten 6.37:1.
*/
.bg-gradient-purple {
    background: linear-gradient(135deg, #5566cc 0%, #764ba2 100%) !important;
}

/* Beyaz zemin üzerinde #667eea 3.66:1 → #4c5bbf ile 5.91:1 */
.text-purple-600,
.btn-white {
    color: #4c5bbf !important;
}

/*
    Mor blok içindeki soluk beyaz metin: gradient üzerinde %50 opaklıkla
    2.47:1. %95 ile 4.73:1 — soluk görünüm korunuyor.
*/
.influencer-cta .text-white-50 {
    color: rgba(255, 255, 255, .95) !important;
}

/* Editör kartında görsel ve "Ekle" düğmesi bitişikti; dokunma hedefleri
   arasında WCAG 2.5.8 için boşluk gerekiyor. */
.ep-card__add {
    margin-inline-start: 8px;
}

/* ------------------------------------------------------------------
   8. Yardimcilar
   ------------------------------------------------------------------ */

/*
    Gorsel olarak gizli ama ekran okuyucuya acik. display:none veya
    visibility:hidden kullanilamaz — onlar icerigi yardimci teknolojiden
    de gizler.
*/
.gorsel-gizli {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}