/* ══════════════════════════════════════════════════════════════════════════
   TUR KARTI — FİYAT ve İNDİRİM ROZETİ (TEK KAYNAK)
   (Emrah 2026-09-25: "biri mavi diğeri kırmızı… indirim varsa kırmızı, yoksa siyah"
    ve "bir yerde %23 İndirim, diğerinde sadece %23")

   🔴 NEDEN AYRI DOSYA: bu kurallar önce `search.css` içindeydi, ama `category_page.php`
      search.css'i **yüklemiyor** (kendi 34 kurallık özet kopyası var) ve orada aynı
      sınıfı `--theme-primary` (MAVİ) ile eziyordu → aynı kart ana sayfada kırmızı,
      kategori sayfasında mavi görünüyordu. Kuralı tek bir KÜÇÜK dosyaya alıp kart
      basan HER sayfaya yüklemek, kopyaların tekrar sapmasını imkânsız kılar.
   ⚠️ Kart basan yeni bir sayfa eklerken `$pageCss`'e 'front/tur-karti' EKLE.

   ⭐ KURAL (Emrah): indirim VARSA fiyat KIRMIZI, indirim YOKSA SİYAH. Başka renk YOK.
      Markup'ı `tur_fiyat_html()` / `tur_rozet_html()` üretir (core/helpers.php).
   ══════════════════════════════════════════════════════════════════════════ */

.sr-price-block { margin-top: auto; padding-top: 10px; }

.sr-price-lbl {
  font-size: 11px;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 2px;
}

.sr-old-price {
  display: block;
  font-size: 13px;
  color: #9ca3af;
  text-decoration: line-through;
  line-height: 1.2;
}

.sr-price-now {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
  color: #0c0f14;                      /* indirim YOK -> siyah */
}
/* ⚠️ `!important` BİLİNÇLİ: kart basan sayfalardan bazıları (category_page.php)
   kendi inline kopyasını bu dosyadan SONRA yazıyor; kural yine de kazanmalı,
   yoksa "iki sayfada iki renk" hatası geri döner. */
.sr-price-now.is-indirimli { color: #dc2626 !important; }   /* indirim VAR -> kırmızı */

/* İNDİRİM ROZETİ — biçim her yerde aynı: "%23 İndirim" */
.sr-ind-rozet {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .01em;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sr-price-now { font-size: 20px; }
  .sr-ind-rozet { font-size: 11px; padding: 3px 8px; }
}

/* ⭐ AYNI KURAL, DIGER FIYAT BILESENLERI ICIN (Emrah 2026-09-26)
   Bu dosya fiyat renginin TEK KAYNAGI. Asagidaki iki bilesen kendi sinif
   adlarini kullaniyor ama AYNI karari uygulamak zorunda:
     .pd-sug-price-val      -> tur detayi "Beğeneceğinizi düşündük" seridi
     .tn-cont-card__amount  -> ana sayfa "Seyahatinizi planlamaya devam edin"
   ⚠️ `!important` bilincli: ikisinin kendi CSS'i (product-detail.css /
      home.css) bu dosyadan SONRA yuklenebiliyor. */
.pd-sug-price-val,
.tn-cont-card__amount { color: #0c0f14 !important; }            /* indirim YOK -> siyah */
.pd-sug-price-val.is-indirimli,
.tn-cont-card__amount.is-indirimli { color: #dc2626 !important; } /* indirim VAR -> kirmizi */

/* "devam edin" kartinda ustu cizili eski fiyat + indirim rozeti */
.tn-cont-card__old {
  display: block; font-size: 12px; color: #9ca3af;
  text-decoration: line-through; line-height: 1.2;
}
.tn-cont-card__thumb { position: relative; }
/* ⚠️ `pd-sug` kartinda ONCE kendi `.pd-sug-discount-badge` kutusu vardi;
      tek kaynaga baglanirken o kutu KALDIRILDI (yoksa kirmizi kutu icinde
      kirmizi kutu olusuyordu) -> konumlandirma buraya tasindi. */
.pd-sug-img-wrap { position: relative; }
.pd-sug-card .sr-ind-rozet {
  position: absolute; top: 10px; left: 10px; font-size: 11px; padding: 3px 8px;
}
/* "devam edin" kartinda rozet FIYAT SATIRINDA (kucuk gorselde tasiyordu) */
.tn-cont-card__oldrow { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tn-cont-card .sr-ind-rozet { font-size: 10px; padding: 2px 6px; }

/* ⭐ TUR DETAYI — fiyat rengi (Emrah 2026-09-26)
   Bu 5 sinif `product-detail.css`'te SABIT #dc2626 idi -> indirim olmayan
   turda da kirmizi basiyordu. Karar `.pd-wrapper.pd-indirimli` bayragindan.
   ⚠️ Yeni bir fiyat sinifi eklenirse SADECE bu iki listeye ekle. */
.pd-widget-price-big,
.pd-widget-price-num,
.pd-widget-currency,
.pd-sess-price-main,
.pd-sess-v2-price-main { color: #0c0f14 !important; }
.pd-indirimli .pd-widget-price-big,
.pd-indirimli .pd-widget-price-num,
.pd-indirimli .pd-widget-currency,
.pd-indirimli .pd-sess-price-main,
.pd-indirimli .pd-sess-v2-price-main { color: #dc2626 !important; }