/* =========================================================
   MC4FUN CREDIT PREMIUM V7
   Daha premium, daha temiz, daha ayırt edici kredi widget sistemi
========================================================= */

/* ---------------------------------------------------------
   KREDİ SATIN AL BUTONU
--------------------------------------------------------- */
.mc4-master-nav-item.credit,
.mc4-mobile-nav-item.credit,
.mc4-header-quick-item.credit{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(255,216,96,.85) !important;
  color:#fff3b5 !important;
  background:linear-gradient(180deg,rgba(34,29,54,.98),rgba(11,14,30,.98)) !important;
  box-shadow:0 0 18px rgba(255,193,40,.26),0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.mc4-master-nav-item.credit::before,
.mc4-mobile-nav-item.credit::before,
.mc4-header-quick-item.credit::before{
  content:"" !important;
  position:absolute !important;
  inset:-3px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:conic-gradient(from 0deg,transparent 0deg,transparent 45deg,rgba(255,238,160,.96) 72deg,#ffc928 92deg,#ff9f00 114deg,rgba(255,238,160,.86) 142deg,transparent 170deg,transparent 244deg,rgba(255,220,92,.7) 274deg,#ffb700 300deg,transparent 330deg,transparent 360deg) !important;
  animation:mc4-credit-gold-spin 2.8s linear infinite !important;
}
.mc4-master-nav-item.credit::after,
.mc4-mobile-nav-item.credit::after,
.mc4-header-quick-item.credit::after{
  content:"" !important;
  position:absolute !important;
  inset:2px !important;
  z-index:1 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:radial-gradient(circle at 24% 0%,rgba(255,216,90,.20),transparent 36%),linear-gradient(180deg,rgba(34,29,54,.98),rgba(11,14,30,.98)) !important;
}
.mc4-master-nav-item.credit > *,
.mc4-mobile-nav-item.credit > *,
.mc4-header-quick-item.credit > *{ position:relative !important; z-index:2 !important; color:inherit !important; }
@keyframes mc4-credit-gold-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ---------------------------------------------------------
   ORTAK BAŞLIK
--------------------------------------------------------- */
.mc4-news-side-donor .mc4-section-title,
.mc4-news-side-donor .mc4-section-title *,
.mc4-block-credit-panel .mc4-section-title,
.mc4-block-credit-panel .mc4-section-title *{
  color:#fff !important;
  text-shadow:none !important;
}
.mc4-news-side-donor .mc4-all-link,
.mc4-block-credit-panel .mc4-all-link{
  color:#ddd6fe !important;
  background:rgba(139,92,246,.14) !important;
  border:1px solid rgba(167,139,250,.24) !important;
  box-shadow:none !important;
}

/* ---------------------------------------------------------
   EN ÇOK KREDİ YÜKLEYEN
--------------------------------------------------------- */
.mc4-donor-list{ display:flex !important; flex-direction:column !important; gap:14px !important; }
.mc4-donor{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:42px 86px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  min-height:124px !important;
  padding:18px !important;
  border-radius:24px !important;
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}
.mc4-donor::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 84% 16%, rgba(255,255,255,.14), transparent 26%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 42%) !important;
}
.mc4-donor:hover{ transform:translateY(-2px) !important; box-shadow:0 20px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important; }
.mc4-donor-badge,.mc4-donor-skin,.mc4-donor-info{ position:relative !important; z-index:2 !important; }
.mc4-donor-badge{
  width:38px !important; height:38px !important; border-radius:14px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:rgba(255,255,255,.22) !important; color:#fff !important; font-size:18px !important; font-weight:1000 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 8px 18px rgba(0,0,0,.16) !important;
}
.mc4-donor-skin{
  width:82px !important; height:82px !important; background-size:contain !important; background-repeat:no-repeat !important; background-position:center center !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22)) !important;
}
.mc4-donor-info strong{
  display:block !important; color:#fff !important; font-size:20px !important; font-weight:1000 !important; line-height:1.05 !important; letter-spacing:.2px !important;
}
.mc4-donor-info span{
  display:block !important; margin-top:8px !important; color:#fff !important; font-size:23px !important; font-weight:1000 !important; line-height:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.16) !important;
}
.mc4-donor-info small{
  display:inline-flex !important; align-items:center !important; gap:6px !important; margin-top:10px !important; padding:6px 12px !important;
  border-radius:999px !important; font-size:12px !important; font-weight:1000 !important; text-transform:uppercase !important; letter-spacing:.28px !important;
  background:rgba(0,0,0,.16) !important; color:#fff !important; border:1px solid rgba(255,255,255,.16) !important;
}

/* ---------------------------------------------------------
   SON KREDİ YÜKLEYENLER - PREMİUM KART
--------------------------------------------------------- */
.mc4-block-credit-panel{ margin-top:26px !important; padding-top:22px !important; border-top:1px solid rgba(255,255,255,.08) !important; }
.mc4-block-credit-list{ display:flex !important; flex-direction:column !important; gap:12px !important; }
.mc4-block-credit-item{
  position:relative !important;
  overflow:hidden !important;
  min-height:84px !important;
  padding:14px 16px !important;
  display:grid !important;
  grid-template-columns:36px 46px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 12px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.mc4-block-credit-item::before{
  content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important;
  background:radial-gradient(circle at 84% 18%, rgba(255,255,255,.12), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 42%) !important;
}
.mc4-block-credit-item::after{
  content:"" !important; position:absolute !important; left:0 !important; top:10px !important; bottom:10px !important; width:4px !important; border-radius:999px !important;
  background:rgba(255,255,255,.45) !important; opacity:.85 !important;
}
.mc4-block-credit-item .mc4-block-rank,.mc4-block-credit-avatar,.mc4-block-credit-info,.mc4-block-credit-price{ position:relative !important; z-index:2 !important; }
.mc4-block-credit-item .mc4-block-rank{
  width:32px !important; height:32px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:12px !important; background:rgba(255,255,255,.18) !important; color:#fff !important; font-size:14px !important; font-weight:1000 !important;
}
.mc4-block-credit-item .mc4-block-icon{ display:none !important; }
.mc4-block-credit-avatar{
  width:44px !important; height:44px !important; border-radius:14px !important; background-size:cover !important; background-position:center center !important; image-rendering:pixelated !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 8px 16px rgba(0,0,0,.20) !important;
}
.mc4-block-credit-info{ min-width:0 !important; }
.mc4-block-credit-info strong{
  display:block !important; color:#fff !important; font-size:16px !important; font-weight:1000 !important; line-height:1.05 !important; letter-spacing:.1px !important;
}
.mc4-block-credit-info span{
  display:block !important; margin-top:6px !important; color:#fff !important; font-size:13px !important; font-weight:1000 !important; line-height:1.15 !important;
}
.mc4-block-credit-info small{
  display:block !important; margin-top:4px !important; color:rgba(255,255,255,.76) !important; font-size:11px !important; font-weight:900 !important; line-height:1.15 !important;
}
.mc4-block-credit-price{
  padding:8px 12px !important; border-radius:999px !important; background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important; font-size:12px !important; font-weight:1000 !important; white-space:nowrap !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.mc4-credit-tier-badge{ display:none !important; }

/* ---------------------------------------------------------
   TIER ARKA PLANLARI
--------------------------------------------------------- */
.mc4-tier-coal{
  background:linear-gradient(135deg,#5868d5 0%,#36448e 100%) !important;
  border-color:rgba(192,206,255,.22) !important;
}
.mc4-tier-iron{
  background:linear-gradient(135deg,#2bd49e 0%,#1b9f79 100%) !important;
  border-color:rgba(183,255,231,.22) !important;
}
.mc4-tier-gold{
  background:linear-gradient(135deg,#ffd85d 0%,#e8a51e 100%) !important;
  border-color:rgba(255,231,147,.26) !important;
}
.mc4-tier-diamond{
  background:linear-gradient(135deg,#29d3ff 0%,#1582ea 100%) !important;
  border-color:rgba(168,235,255,.24) !important;
}
.mc4-tier-emerald{
  background:linear-gradient(135deg,#1fca7a 0%,#0d8e53 100%) !important;
  border-color:rgba(176,255,211,.24) !important;
}
.mc4-tier-netherite{
  background:linear-gradient(135deg,#6b75e5 0%,#343d8d 52%,#171c49 100%) !important;
  border-color:rgba(203,210,255,.26) !important;
  box-shadow:0 16px 34px rgba(39,46,109,.30),0 0 26px rgba(98,110,255,.16),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Altın kartlarda koyu yazı */
.mc4-tier-gold .mc4-donor-info strong,
.mc4-tier-gold .mc4-donor-info span,
.mc4-tier-gold .mc4-donor-info small,
.mc4-tier-gold .mc4-block-credit-info strong,
.mc4-tier-gold .mc4-block-credit-info span,
.mc4-tier-gold .mc4-block-credit-info small,
.mc4-tier-gold .mc4-block-credit-price{ color:#2c1a00 !important; }
.mc4-tier-gold .mc4-donor-badge,
.mc4-tier-gold .mc4-block-rank{ color:#4a2c00 !important; background:rgba(255,248,215,.34) !important; }
.mc4-tier-gold .mc4-donor-info small,
.mc4-tier-gold .mc4-block-credit-price{ background:rgba(255,248,215,.36) !important; border-color:rgba(103,69,0,.14) !important; }

/* Ortak badge/pill görünümü */
.mc4-tier-coal .mc4-donor-info small,
.mc4-tier-coal .mc4-block-credit-price,
.mc4-tier-iron .mc4-donor-info small,
.mc4-tier-iron .mc4-block-credit-price,
.mc4-tier-diamond .mc4-donor-info small,
.mc4-tier-diamond .mc4-block-credit-price,
.mc4-tier-emerald .mc4-donor-info small,
.mc4-tier-emerald .mc4-block-credit-price,
.mc4-tier-netherite .mc4-donor-info small,
.mc4-tier-netherite .mc4-block-credit-price{
  background:rgba(0,0,0,.16) !important;
  border-color:rgba(255,255,255,.16) !important;
}

/* ---------------------------------------------------------
   LIGHT MODE
--------------------------------------------------------- */
html.mc4-theme-light .mc4-tier-coal,
body.mc4-theme-light .mc4-tier-coal{ background:linear-gradient(135deg,#bccaf6 0%,#9aaee9 100%) !important; }
html.mc4-theme-light .mc4-tier-iron,
body.mc4-theme-light .mc4-tier-iron{ background:linear-gradient(135deg,#aef1d6 0%,#79d9b7 100%) !important; }
html.mc4-theme-light .mc4-tier-gold,
body.mc4-theme-light .mc4-tier-gold{ background:linear-gradient(135deg,#ffe58d 0%,#f2c95d 100%) !important; }
html.mc4-theme-light .mc4-tier-diamond,
body.mc4-theme-light .mc4-tier-diamond{ background:linear-gradient(135deg,#acecff 0%,#73c9ff 100%) !important; }
html.mc4-theme-light .mc4-tier-emerald,
body.mc4-theme-light .mc4-tier-emerald{ background:linear-gradient(135deg,#a3efc6 0%,#67d69c 100%) !important; }
html.mc4-theme-light .mc4-tier-netherite,
body.mc4-theme-light .mc4-tier-netherite{ background:linear-gradient(135deg,#c0c7fb 0%,#97a4ef 50%,#7e89d8 100%) !important; }

html.mc4-theme-light .mc4-tier-coal,
html.mc4-theme-light .mc4-tier-iron,
html.mc4-theme-light .mc4-tier-diamond,
html.mc4-theme-light .mc4-tier-emerald,
html.mc4-theme-light .mc4-tier-netherite,
body.mc4-theme-light .mc4-tier-coal,
body.mc4-theme-light .mc4-tier-iron,
body.mc4-theme-light .mc4-tier-diamond,
body.mc4-theme-light .mc4-tier-emerald,
body.mc4-theme-light .mc4-tier-netherite{ color:#0f172a !important; }

html.mc4-theme-light .mc4-tier-coal .mc4-donor-info strong,
html.mc4-theme-light .mc4-tier-coal .mc4-donor-info span,
html.mc4-theme-light .mc4-tier-coal .mc4-donor-info small,
html.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info strong,
html.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info span,
html.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info small,
html.mc4-theme-light .mc4-tier-coal .mc4-block-credit-price,
html.mc4-theme-light .mc4-tier-iron .mc4-donor-info strong,
html.mc4-theme-light .mc4-tier-iron .mc4-donor-info span,
html.mc4-theme-light .mc4-tier-iron .mc4-donor-info small,
html.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info strong,
html.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info span,
html.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info small,
html.mc4-theme-light .mc4-tier-iron .mc4-block-credit-price,
html.mc4-theme-light .mc4-tier-diamond .mc4-donor-info strong,
html.mc4-theme-light .mc4-tier-diamond .mc4-donor-info span,
html.mc4-theme-light .mc4-tier-diamond .mc4-donor-info small,
html.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info strong,
html.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info span,
html.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info small,
html.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-price,
html.mc4-theme-light .mc4-tier-emerald .mc4-donor-info strong,
html.mc4-theme-light .mc4-tier-emerald .mc4-donor-info span,
html.mc4-theme-light .mc4-tier-emerald .mc4-donor-info small,
html.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info strong,
html.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info span,
html.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info small,
html.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-price,
html.mc4-theme-light .mc4-tier-netherite .mc4-donor-info strong,
html.mc4-theme-light .mc4-tier-netherite .mc4-donor-info span,
html.mc4-theme-light .mc4-tier-netherite .mc4-donor-info small,
html.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info strong,
html.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info span,
html.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info small,
html.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-price,
body.mc4-theme-light .mc4-tier-coal .mc4-donor-info strong,
body.mc4-theme-light .mc4-tier-coal .mc4-donor-info span,
body.mc4-theme-light .mc4-tier-coal .mc4-donor-info small,
body.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info strong,
body.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info span,
body.mc4-theme-light .mc4-tier-coal .mc4-block-credit-info small,
body.mc4-theme-light .mc4-tier-coal .mc4-block-credit-price,
body.mc4-theme-light .mc4-tier-iron .mc4-donor-info strong,
body.mc4-theme-light .mc4-tier-iron .mc4-donor-info span,
body.mc4-theme-light .mc4-tier-iron .mc4-donor-info small,
body.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info strong,
body.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info span,
body.mc4-theme-light .mc4-tier-iron .mc4-block-credit-info small,
body.mc4-theme-light .mc4-tier-iron .mc4-block-credit-price,
body.mc4-theme-light .mc4-tier-diamond .mc4-donor-info strong,
body.mc4-theme-light .mc4-tier-diamond .mc4-donor-info span,
body.mc4-theme-light .mc4-tier-diamond .mc4-donor-info small,
body.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info strong,
body.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info span,
body.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-info small,
body.mc4-theme-light .mc4-tier-diamond .mc4-block-credit-price,
body.mc4-theme-light .mc4-tier-emerald .mc4-donor-info strong,
body.mc4-theme-light .mc4-tier-emerald .mc4-donor-info span,
body.mc4-theme-light .mc4-tier-emerald .mc4-donor-info small,
body.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info strong,
body.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info span,
body.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-info small,
body.mc4-theme-light .mc4-tier-emerald .mc4-block-credit-price,
body.mc4-theme-light .mc4-tier-netherite .mc4-donor-info strong,
body.mc4-theme-light .mc4-tier-netherite .mc4-donor-info span,
body.mc4-theme-light .mc4-tier-netherite .mc4-donor-info small,
body.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info strong,
body.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info span,
body.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-info small,
body.mc4-theme-light .mc4-tier-netherite .mc4-block-credit-price{ color:#0f172a !important; }

/* ---------------------------------------------------------
   MOBİL
--------------------------------------------------------- */
@media (max-width:768px){
  .mc4-master-nav-item.credit::before,
  .mc4-mobile-nav-item.credit::before,
  .mc4-header-quick-item.credit::before{ animation-duration:4.8s !important; }

  .mc4-donor{ grid-template-columns:34px 62px minmax(0,1fr) !important; min-height:104px !important; padding:14px !important; gap:10px !important; border-radius:20px !important; }
  .mc4-donor-badge{ width:32px !important; height:32px !important; font-size:15px !important; border-radius:12px !important; }
  .mc4-donor-skin{ width:60px !important; height:60px !important; }
  .mc4-donor-info strong{ font-size:17px !important; }
  .mc4-donor-info span{ font-size:18px !important; margin-top:6px !important; }
  .mc4-donor-info small{ font-size:10px !important; padding:5px 10px !important; margin-top:8px !important; }

  .mc4-block-credit-item{ grid-template-columns:30px 38px minmax(0,1fr) !important; min-height:74px !important; padding:12px !important; gap:10px !important; border-radius:18px !important; }
  .mc4-block-credit-item .mc4-block-rank{ width:28px !important; height:28px !important; font-size:12px !important; }
  .mc4-block-credit-avatar{ width:38px !important; height:38px !important; }
  .mc4-block-credit-info strong{ font-size:14px !important; }
  .mc4-block-credit-info span{ font-size:12px !important; margin-top:4px !important; }
  .mc4-block-credit-info small{ font-size:10px !important; }
  .mc4-block-credit-price{ grid-column:3/4 !important; justify-self:start !important; margin-top:6px !important; font-size:11px !important; padding:6px 10px !important; }
}
@media (prefers-reduced-motion:reduce){
  .mc4-master-nav-item.credit::before,
  .mc4-mobile-nav-item.credit::before,
  .mc4-header-quick-item.credit::before,
  .mc4-donor,
  .mc4-block-credit-item{ animation:none !important; transition:none !important; }
}