/* ===========================================================================
   HERBINA · URUN KARTI FIYAT/INDIRIM + MENU "INDIRIMLER" DUZELTMESI
   ---------------------------------------------------------------------------
   Kullanici 4 hata bildirdi (2026-08-24 ekran goruntuleri):
     1+4) Kategori kartlarinda fiyat ve indirim etiketi kayiyor / iki satira sariyor
     2)   "Cok Satanlar"da etiket bitisik yaziliyor: `%10INDIRIM`
     3)   Menudeki "Indirimler" ogesinin kutusu kirmizi olsun

   ---------------------------------------------------------------------------
   TESHIS (canlidan olculdu, 768-1920 px taramasi)
   ---------------------------------------------------------------------------
   A) FIYAT SARMASI - `.showcase-price-new` kategoride `white-space: normal`.
      20 px fontta "519,20 TL" ~93 px; kap ise 992-1920 arasinda 146-209 px ve
      icinde 102 px'lik etiketle paylasiyor. Sonuc: 992 px VE UZERI TUM masaustu
      genisliklerinde fiyat iki satira sariyor (olculen yukseklik 45-48 px,
      olmasi gereken 22-24 px).

      >>> BU BIR GERILEME VE KAYNAGI BENIM ONCEKI ISIM: site %15 daraltilinca
          (`.container{max-width:min(85%,1245px)}`) kart 261 -> 254 px'e dustu.
          Olcerek dogrulandi: ayni sayfada kap 1245 px yapilinca fiyat tek satira
          donuyor (boy 48 -> 24). Yani daraltmanin sinirda biraktigi bir kutuydu.
          Daraltma kullanicinin istegi oldugu icin geri alinmiyor; kutu kucultuluyor.

      Anasayfada ayni sorun YOK cunku orada `.showcase-price-new` zaten
      `nowrap` aliyor - yani duzeltme daha once yalniz anasayfaya uygulanmis,
      kategori sayfalari disarida kalmis.

   B) BITISIK ETIKET - `.discount-label` ANASAYFADA iki dugumden olusuyor:
      metin dugumu "%10" + `<span> INDIRIM</span>`. Kutu `display:flex`
      oldugu icin span'in BASINDAKI bosluk flex ogesi icinde kirpiliyor ve
      "%10INDIRIM" cikiyor. (Kategori sayfasinda ayni etiket tek metin dugumu
      oldugu icin orada bosluk duruyor - iki sayfa farkli HTML basiyor.)
      Cozum metne dokunmadan `gap` vermek: tek dugumlu halde etkisiz,
      iki dugumlu halde bosluğu geri getiriyor.

   C) Mobilde (<=991 px) tema etiketi zaten "%20"ye kisaltiyor ve sorun yok;
      oradaki olculer bilincli olarak ELLENMEDI.
   =========================================================================== */

/* --- A) fiyatlar tek satirda kalsin ------------------------------------- */
.showcase-price-new,
.showcase-price-old,
.showcase-price-content > * { white-space: nowrap; }

/* --- B) etiket: bosluk geri gelsin, kendi icinde sarmasin --------------- */
.discount-label {
  gap: .28em;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* --- A2) etiketi kutuya sigacak kadar kucult ---------------------------- */
@media (min-width: 992px) {
  .discount-label { padding: 0 7px; font-size: 12px; }

  /* Guvenlik agi: cok dar kaplarda (1280 px ve alti) etiket fiyatin ALTINA
     dussun - kesilmektense alt satira gecsin. Genis kaplarda yan yana kalir. */
  .showcase-price.has-discount { flex-wrap: wrap; row-gap: 6px; }
}

/* --- 3) menu: "Indirimler" kutusu kirmizi ------------------------------- */
/* `li.hb-indirim-oge` daha once bu proje tarafindan eklenmis isaret sinifi.
   Kirmizi tonu urun kartlarindaki indirim etiketiyle AYNI (#c62828) secildi
   ki site genelinde tek bir "indirim kirmizisi" olsun. */
#navigation li.hb-indirim-oge > a {
  background: #c62828;
  color: #fff;
}
#navigation li.hb-indirim-oge > a:hover,
#navigation li.hb-indirim-oge > a:focus {
  background: #ad1f1f;
  color: #fff;
}