/* =====================================================================
   T1 — VİTRİN CİLASI
   ---------------------------------------------------------------------
   site.css + t1-ek.css'ten SONRA yüklenir. Otomatik erişilebilirlik
   taraması (axe, WCAG 2 AA) ve masaüstü/telefon ekran incelemesiyle
   bulunan hataları düzeltir. Yeni bir görünüm getirmez; mevcut kimliği
   (siyah, beyaz, T1 kırmızısı) tutarlı ve okunur hale getirir.

   Renk kuralı: yazı/zemin karşıtlığı en az 4,5:1 (büyük yazıda 3:1).
     koyu zemin üzerinde kırmızı yazı  → --t1-kirmizi-acik (#F2606D, ~5:1)
     beyaz zemin üzerinde gri yazı     → en açık #6B6B74 (~5:1)
   ===================================================================== */

:root{
  --t1-kirmizi:#C1121F;
  --t1-kirmizi-koyu:#A00E19;
  --t1-kirmizi-acik:#F2606D;
  --t1-gri-yazi:#6B6B74;
  --t1-odak:#C1121F;
}

/* ---------- Çerez bildirimi ----------
   site.css'teki ".kvkk button" kuralı (özgüllük 0,1,1) t1-ek.css'teki
   ".kvkk__btn--hat"i (0,1,0) eziyordu: "Ayarla" ve "Tümünü reddet" de
   kırmızıydı; reddet'in üzerine gelince açık gri zemin + BEYAZ yazı ile
   okunmaz oluyordu. Eşit ağırlık KVKK gereği: reddet ve kabul aynı
   boyutta, ikincil düğmeler çerçeveli. */
.kvkk .kvkk__btn{
  background:var(--t1-kirmizi);color:#fff;border:1px solid var(--t1-kirmizi);
  border-radius:8px;padding:.66rem 1rem;font-weight:700;line-height:1.2;
}
.kvkk .kvkk__btn:hover{background:var(--t1-kirmizi-koyu);border-color:var(--t1-kirmizi-koyu);color:#fff}
.kvkk .kvkk__btn--hat{background:#fff;color:#18181B;border-color:#A1A1AA}
.kvkk .kvkk__btn--hat:hover{background:#F4F4F5;color:#18181B;border-color:#52525B}
.kvkk .kvkk__btn:focus-visible{outline:2px solid var(--t1-odak);outline-offset:2px}

/* ---------- Telefon üst çubuğu ----------
   390 px genişlikte logo (158) + 4 simge (4×44) + 3×20 boşluk ekrana
   sığmıyordu: menü düğmesi (☰) ekranın DIŞINDA kalıyor, telefondan
   menü açılamıyordu. */
@media (max-width:520px){
  .head-icons{gap:0 !important}
  .head-icons .hi,.nav-toggle{min-width:40px !important;min-height:44px}
  .brand img{max-width:138px;height:auto}
}
@media (max-width:360px){
  .brand img{max-width:118px}
  .head-icons .hi,.nav-toggle{min-width:36px !important}
}

/* ---------- Karşıtlık düzeltmeleri (axe raporu) ---------- */
/* Ürün kartı: eski fiyat ve döviz karşılığı (#A1A1AA → 2,56:1) */
.t1-vkart__fiyat s,.t1-vkart__fiyat .t1-eur-mini,
.pc-price s,.pc-price .t1-eur-mini,
body.shop-page .pc-price s,body.shop-page .pc-price .t1-eur-mini{color:var(--t1-gri-yazi)}
/* Filtre onay kutusu sayaçları (#71717A, #F4F4F5 üzerinde 4,39:1) */
body.shop-page .fcheck i{color:#5B5B64}
.t1-eur-mini{font-size:.78rem;font-weight:500}
.t1-fiyat-tl{color:var(--t1-gri-yazi)}

/* Ürün açıklaması neredeyse görünmüyordu (#B4B4B8 → 2,06:1) */
.product-desc,.product-desc p,.product-desc li{color:#3F3F46}

/* Stokta etiketi (#16A34A beyazda 3,29:1) */
body.shop-page .st.in,.product-detail .p-meta .in,.product-detail .p-meta b.in{color:#15803D}

/* Koyu zeminde kırmızı küçük yazılar (#C1121F siyahta 3,12:1):
   bölüm üst başlıkları, iletişim satırı başlıkları, haber tarihleri */
.page-hero .eyebrow,.ci-row > span,.news-card > .nc-date,.t1-etkd .eyebrow{color:var(--t1-kirmizi-acik)}

/* Etkinlik listesi koyu kartta ikincil yazı (#7A7A7A → 4,39:1) */
.fc-name{color:#A1A1AA}

/* Mağaza kategori/marka şeridindeki sayaçlar */
.t1-kat-serit__ana > li > a i,.t1-kat-serit__alt > li > a i{color:var(--t1-gri-yazi)}
.t1-kat-serit__ana > li > a.etkin i,.t1-kat-serit__alt > li > a.etkin i{color:#fff;opacity:1}

/* ---------- Klavye odağı ----------
   Bağlantı ve düğmelerde odak halkası yoktu; klavyeyle gezinen
   ziyaretçi nerede olduğunu göremiyordu. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{outline:2px solid var(--t1-odak);outline-offset:2px}
.site-footer a:focus-visible,.dark a:focus-visible{outline-color:#fff}

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .mq-track,.t1-marka-serit__ray{animation:none !important}
}

/* Ürün kartındaki stok kodu (#A1A1AA → 2,56:1, 10,5 px) */
body.shop-page .pc-stock .pc-sku,.pc-stock .pc-sku{color:var(--t1-gri-yazi)}
