/* ==========================================================================
   Erisilebilirlik duzeltmeleri — Lighthouse, 11.08.2026
   Burada duruyorlar cunku tema ve eklenti CSS'i cekirdek paketten SONRA
   yuklenip onu yeniyor. Bu alan en sonda yuklenir ve guncellemede silinmez.
   Marka kirmizisi (--primary #D7193C) BILEREK degistirilmedi; yalnizca
   WCAG 4.5:1 esiginin altinda kalan ogeler hedeflendi.
   ========================================================================== */

/* "+N" uye rozeti: #D7193C metin / #50101C zemin -> 2.86:1.
   Tema kurali body[data-theme-id="kotton"] .rb-wb-mem-more (0,2,1) oldugu icin
   bir tik daha ozgul yaziyoruz; !important gerekmiyor. */
body[data-theme-id] a.rb-wb-mem-more { color: #E66E84; }   /* 4.84:1 */

/* Etkin sekme: #D7193C / #131313 -> 3.62:1.
   Eklentinin kancasi (--rb-lt-tab-active-color) ise YARAMIYOR: widget.css
   once kancayi tanimlayip sonra [data-theme="dark"] .rb-lt blogunda
   --lt-tab-active degerini var(--primary) ile eziyor. Ayrica o dosya bu
   Custom CSS'ten SONRA yukleniyor. Bu yuzden degiskeni dogrudan, bir basamak
   daha ozgul yaziyoruz (sinif ikileme); !important gerekmiyor. */
.rb-lt.rb-lt,
[data-theme="dark"] .rb-lt.rb-lt,
.dark .rb-lt.rb-lt { --lt-tab-active: #E04E69; }           /* 4.83:1 */

/* Widget baglantilari cevre metinden YALNIZCA renkle ayriliyordu -> 2.04:1.
   OLCUM: rengi tam beyaza cekmek bile 2.36:1 veriyor, yani bu RENKLE
   cozulemez. Renk disi isaret gerekiyor: alt cizgi.
   Rakip kural a[href*="/profile/"] (0,2,1) oldugu icin [href] ile (0,3,1). */
.rb-widget-body a.rb-ulink[href] {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}

/* Dokunma hedefi: uye avatarlari -10px ust uste biniyor.
   Genis ekran 38-10 = 28px acikta (>=24 yeterli).
   680px altinda avatar 32px'e dusuyor -> 32-10 = 22px, Lighthouse burayi
   "22px by 32px" diye isaretliyor. Binmeyi azaltiyoruz: 32-6 = 26px. */
@media (max-width: 680px) {
    .rb-wb-members a.rb-wb-mem,
    .rb-wb-members a.rb-wb-mem-more { margin-left: -6px; }
    .rb-wb-members a.rb-wb-mem:first-child { margin-left: 0; }
}