/* Kampanya kartı (campaign-alert) — TEK stil kaynağı: PDP buybox'ı VE sepet
   (sutore-coupons woocommerce_before_cart) aynı bileşeni basar; kurallar
   buybox.css'ten buraya taşındı — kopya/drift yok. */
/* Kampanya paneli: beyaz zemin, 1px çerçeve, letterspaced uppercase marka
   başlığı. PHP --sutore-pp-campaign custom property basar (inline). Temanın
   3px border-left sızıntısına karşı border !important ile sabitlenir. */
/* Tamamen monokrom: çerçeve, başlık ve bar SİYAH. Kampanya-rengi ayarı görsel
   olarak emekli — PHP --sutore-pp-campaign basmaya devam eder ama hiçbir kural
   kullanmaz. */
.sutore-pp-campaign-alert {
  background: #fff;
  border: 1px solid #222 !important;
  border-radius: 8px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
}

/* Wordmark gövde metninden BÜYÜK durur — 12px gövdeyle aynı kalıyordu;
   16px + w400 tracked-caps (flag diliyle akraba). */
.sutore-pp-campaign-alert__brand {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #222;
}

.sutore-pp-campaign-alert__text p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: #222;
}

.sutore-pp-campaign-alert__text span {
  display: block;
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 400;
  color: #666;
}

/* Çubuk dolgusu SİYAH (kampanya rengi değil), 3px; boşken PHP hiç basmaz. */
.sutore-pp-campaign-alert__bar {
  height: 3px;
  margin-top: 12px;
  background: #ececec;
  border-radius: 2px;
  overflow: hidden;
}

.sutore-pp-campaign-alert__bar-fill {
  height: 100%;
  border-radius: 2px;
  background: #222;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Bölmeli çubuk: adet başına segment — dolu siyah, boşlar kılcal;
   gri kütlesi 4px boşluklarla kırılır (tam-genişlik gri rahatsız ediciydi) */
.sutore-pp-campaign-alert__bar--segmented {
  display: flex;
  gap: 8px;
  background: transparent;
  overflow: visible;
}

.sutore-pp-campaign-alert__seg {
  flex: 1 1 0;
  height: 100%;
  border-radius: 2px;
  background: #ececec;
}

.sutore-pp-campaign-alert__seg.is-filled {
  background: #222;
}

/* Marka başlığı sepette LİNK olur (markaya götürür) — dekorsuz mürekkep. */
a.sutore-pp-campaign-alert__brand { text-decoration: none; color: #222; }
@media (hover: hover) and (pointer: fine) {
  a.sutore-pp-campaign-alert__brand:hover { opacity: 0.72; }
}
/* Sepet üstü kart ritmi */
.sutore-cart-campaign { margin: 0 0 16px; }

/* "İndirim uygulandı" kartı kazanç satırı TEK satır (set kartı çözümü):
   Woo fiyat span'larını tema BLOK kırıyor (daha yüksek özgüllük) → ₺ ve rakam ayrı
   satıra düşüyordu. !important şart: tema .woocommerce-Price-amount{display:block}
   bileşik selektörle geliyor. */
.sutore-pp-campaign-alert--applied .woocommerce-Price-amount,
.sutore-pp-campaign-alert--applied .woocommerce-Price-currencySymbol,
.sutore-pp-campaign-alert--applied bdi,
.sutore-pp-campaign-alert--applied .sutore-pp-campaign-alert__text span strong {
  display: inline !important;
  white-space: nowrap;
}
/* Kazanç tutarı (₺X) SİYAH — set ürün sayfasındaki gibi; etiket gri kalır.
   !important: tema .woocommerce-Price-amount rengini eziyor. */
.sutore-pp-campaign-alert--applied .sutore-pp-campaign-alert__text span strong,
.sutore-pp-campaign-alert--applied .woocommerce-Price-amount,
.sutore-pp-campaign-alert--applied .woocommerce-Price-currencySymbol {
  color: #222 !important;
}
.sutore-pp-campaign-alert--applied .sutore-pp-campaign-alert__text span {
  display: block; /* satırın kendisi blok (kazanç ayrı satır), İÇİ nowrap */
  margin-top: 4px;
  font-size: 12.5px;
  color: #666; /* "Kazancınız:" etiketi gri */
}