/* =========================================================
   1) ÇEVRİM ROZETİ (mavi → sarı)
========================================================= */
span.badge.badge-warning.badge-sm,
.bonus-card span.badge.badge-warning.badge-sm,
.bonus-card .badge.badge-warning.badge-sm {
  background: #F6D81D !important;
  background-color: #F6D81D !important;
  border-color: #F6D81D !important;
  color: #111 !important;
  font-weight: 900 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* =========================================================
   2) KAYIP BONUSU – SİLİK BLOĞU KESİN DÜZELT
   Problem: üstte overlay/pseudo var veya parent opacity var.
   Çözüm: ilgili alt kutuyu (bg-base-300/50) gerçek anlamda
   "üst katmana" çıkar + overlay'i kapat.
========================================================= */

/* Alt istatistik kutusu (genelde burası) */
.bonus-card .bg-base-300\/50,
.bonus-card .bg-base-200\/50 {
  position: relative !important;
  opacity: 1 !important;
  filter: none !important;
  isolation: isolate !important;
  z-index: 1 !important;
}

/* Bu kutuya overlay basan pseudo elementleri kapat */
.bonus-card .bg-base-300\/50::before,
.bonus-card .bg-base-300\/50::after,
.bonus-card .bg-base-200\/50::before,
.bonus-card .bg-base-200\/50::after {
  content: "" !important;
  display: none !important;
}

/* Kutunun içindeki layout satırını öne al */
.bonus-card .bg-base-300\/50 .flex,
.bonus-card .bg-base-200\/50 .flex {
  position: relative !important;
  z-index: 999 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* SOL BLOK (ikon + %15-%30 + kayıp iadesi) */
.bonus-card .bg-base-300\/50 .flex .flex.items-center.gap-3,
.bonus-card .bg-base-200\/50 .flex .flex.items-center.gap-3 {
  position: relative !important;
  z-index: 1000 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Sol blok içindeki her şey net */
.bonus-card .bg-base-300\/50 .flex .flex.items-center.gap-3 *,
.bonus-card .bg-base-200\/50 .flex .flex.items-center.gap-3 * {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* %15 - %30 YEŞİL */
.bonus-card .bg-base-300\/50 .text-2xl.font-bold.text-secondary,
.bonus-card .bg-base-200\/50 .text-2xl.font-bold.text-secondary,
.bonus-card .bg-base-300\/50 .text-xl.font-bold.text-secondary,
.bonus-card .bg-base-200\/50 .text-xl.font-bold.text-secondary {
  color: #16C784 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

/* "Kayıp iadesi" YEŞİL (text-base-content/60 override) */
.bonus-card .bg-base-300\/50 .text-xs.text-base-content\/60,
.bonus-card .bg-base-200\/50 .text-xs.text-base-content\/60 {
  color: #16C784 !important;
  --tw-text-opacity: 1 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* İkonu da yeşil yap */
.bonus-card .bg-base-300\/50 svg,
.bonus-card .bg-base-200\/50 svg {
  color: #16C784 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* =========================================================
   3) SON DARBE: bonus-card içinde inline opacity/filter varsa kır
   (Sadece bonus-card ile sınırlı)
========================================================= */
.bonus-card [style*="opacity"] {
  opacity: 1 !important;
}

.bonus-card [style*="filter"] {
  filter: none !important;
}

/* KAYIP BONUSU - alt istatistik bloğu ( %15-%30 + Kayıp iadesi ) net + yeşil */

/* Bu kutu genelde bg-base-300/50 içinde */
.bg-base-300\/50 .flex.items-center.justify-between,
.bg-base-200\/50 .flex.items-center.justify-between {
  opacity: 1 !important;
  filter: none !important;
}

/* Sol blok (ikon + oran + kayıp iadesi) */
.bg-base-300\/50 .flex.items-center.justify-between>.flex.items-center.gap-3,
.bg-base-200\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 {
  opacity: 1 !important;
  filter: none !important;
}

/* Sol bloğun içinde opacity basılmış her şeyi kır */
.bg-base-300\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 *,
.bg-base-200\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 * {
  opacity: 1 !important;
  filter: none !important;
}

/* %15 - %30 YEŞİL */
.bg-base-300\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 .text-2xl.font-bold.text-secondary,
.bg-base-200\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 .text-2xl.font-bold.text-secondary {
  color: #16C784 !important;
  font-weight: 900 !important;
}

/* Kayıp iadesi YEŞİL (text-base-content/60 opaklığını da kır) */
.bg-base-300\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 .text-xs.text-base-content\/60,
.bg-base-200\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 .text-xs.text-base-content\/60 {
  color: #16C784 !important;
  --tw-text-opacity: 1 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* İkon da yeşil olsun */
.bg-base-300\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 svg,
.bg-base-200\/50 .flex.items-center.justify-between>.flex.items-center.gap-3 svg {
  color: #16C784 !important;
  opacity: 1 !important;
}