/* ==========================================================================
   TAKSİT ŞERİDİ VE MODALI

   ⚠ YEŞİL "VADE FARKSIZ" ROZETİ YOK — bilinçli.
   Rakip sitelerdeki o rozet burada yalan olurdu (vade farkı var) ve
   mesafeli satışta yanıltıcı ticari beyan sayılır. Şerit marka mavisinde
   ve iddiasız: "taksit seçeneği var, tabloyu gör" diyor, oran vaat etmiyor.
   ========================================================================== */

/* ⚠ İKİ KEZ DEĞİŞTİ — SONUÇ BU (26.08.2026).
   1. Sürüm: dolgu zeminli, 36 piksellik ikon levhalı, üç satırlı kalın blok.
      Satın alma düğmesinden daha görünürdü.
   2. Sürüm: çerçevesiz tek satır. Kullanıcı: *"taksit de bir kutu içinde
      olsun, belirgin olsun."* Çerçevesiz hal fazla silikti.
   3. Sürüm (bu): kutu var ama ince. Çerçeve saç teli, zemin yüzey renginin
      bir tonu, yükseklik iki satırla sınırlı. Altındaki teklif kutusuyla
      AYNI dili konuşuyor — ikisi bir çift olarak okunuyor. */
.wpt-taksit-serit{
  display:flex; align-items:center; gap:11px; width:100%;
  margin:12px 0 0; padding:11px 13px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-surface-2); color:var(--wpt-ink-2);
  font:inherit; font-size:12.5px; text-align:left; cursor:pointer;
  transition:border-color var(--wpt-gecis), background var(--wpt-gecis),
             box-shadow var(--wpt-gecis);
}
.wpt-taksit-serit:hover{
  border-color:var(--wpt-brand); background:var(--wpt-brand-soft);
  box-shadow:var(--wpt-golge-sm);
}
.wpt-taksit-serit:focus-visible{ outline:2px solid var(--wpt-brand); outline-offset:2px }

.wpt-taksit-ikon{
  flex:0 0 auto; display:grid; place-items:center;
  width:34px; height:34px; border-radius:9px;
  background:var(--wpt-surface); color:var(--wpt-brand);
  box-shadow:var(--wpt-golge-sm);
}

.wpt-taksit-metin{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px }
.wpt-taksit-metin b{ font-size:13px; font-weight:700; color:var(--wpt-ink); line-height:1.3 }
.wpt-taksit-metin small{ font-size:11px; color:var(--wpt-ink-3); line-height:1.45 }

/* ⚠ TUTAR YAZILMAZ — YALNIZCA KAÇ TAKSİT OLDUĞU.
   Rakip sitede "3 × ₺3.172,74 · VADE FARKSIZ" gibi bir şerit var; oradan
   kopyalanmadı ve kopyalanamaz — bu sitede vade farksız taksit YOK.
   Fiyatı üçe bölüp yazmak vade farkı yokmuş anlamına gelirdi. Tutarlar
   yalnızca tabloda, bankanın gerçek oranıyla gösterilir.

   ⚠ `inline-flex` DEĞİL `inline`. Flex kutusu kendi satırını istiyordu:
   "3 · 6 · 9" üstte, "taksit seçeneği" altta kırılıyordu. Rakamlar
   başlık cümlesinin İÇİNDE akıyor; yalnızca kendi arasında
   bölünmesin diye `nowrap`. */
.wpt-taksit-adet{ white-space:nowrap; font-variant-numeric:tabular-nums }
.wpt-taksit-adet i{
  font-family:var(--wpt-mono); font-style:normal; font-weight:600;
  font-size:13px; color:var(--wpt-brand);
}
.wpt-taksit-ayrac{ color:var(--wpt-ink-3); margin:0 2px }

.wpt-taksit-cagri{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:4px;
  color:var(--wpt-brand); font-weight:600; font-size:12px; white-space:nowrap;
}
.wpt-taksit-cagri svg{ flex:0 0 auto; transition:transform var(--wpt-gecis) }
.wpt-taksit-serit:hover .wpt-taksit-cagri svg{ transform:translateX(2px) }
@media (prefers-reduced-motion:reduce){
  .wpt-taksit-serit:hover .wpt-taksit-cagri svg{ transform:none }
}

/* ⚠ DAR EKRANDA ÇAĞRI METNİ GİZLENİR, KUTU KALIR.
   360 piksellik telefonda ikon + iki satır metin + çağrı yan yana
   sığmıyor ve çağrı alt satıra düşüp kutuyu şişiriyordu. Metin
   ekran okuyucuda kalıyor, gözde yalnızca ok var — eylem zaten
   kutunun tamamına bağlı. */
@media (max-width:430px){
  .wpt-taksit-cagri{ gap:0 }
  .wpt-taksit-cagri-metin{
    position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
  }
  .wpt-taksit-cagri svg{ width:16px; height:16px }
}

/* --- Modal --- */
.wpt-taksit-modal{
  position:fixed; inset:0; z-index:var(--wpt-z-modal);
  display:grid; place-items:center; padding:20px;
  opacity:0; transition:opacity .2s ease;
}
.wpt-taksit-modal[hidden]{ display:none }
.wpt-taksit-modal.is-acik{ opacity:1 }

.wpt-taksit-perde{
  position:absolute; inset:0;
  background:rgba(6,14,22,.72);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
}
.wpt-taksit-diyalog{
  position:relative;
  display:flex; flex-direction:column;
  /* ⚠ 680px ÜÇ SÜTUNA YETMİYOR. Her banka kutusunda iki alt sütun var
     (taksit tutarı + toplam); üç kutu 680 pikselde sıkışıp toplam sütunu
     kırpılıyordu. Tablo modalın asıl içeriği, kaba göre genişletildi. */
  width:min(1040px, 100%); max-height:min(88vh, 820px);
  border-radius:var(--wpt-r-lg);
  background:var(--wpt-surface);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
  overflow:hidden;
  transform:translateY(14px) scale(.985);
  transition:transform .26s cubic-bezier(.2,.7,.3,1);
}
.wpt-taksit-modal.is-acik .wpt-taksit-diyalog{ transform:translateY(0) scale(1) }
.wpt-taksit-diyalog:focus{ outline:none }

.wpt-taksit-bas{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:16px 20px;
  background:var(--wpt-grad-koyu); color:var(--wpt-koyu-ink);
}
.wpt-taksit-bas .wpt-tick{ margin-bottom:4px; color:var(--wpt-amber-ters) }
.wpt-taksit-bas b{ font-size:18px; font-weight:700; letter-spacing:var(--wpt-track-m); color:#fff }
.wpt-taksit-kapat{
  flex:0 0 auto; display:grid; place-items:center;
  width:34px; height:34px; border-radius:50%;
  border:1px solid var(--wpt-koyu-cizgi); background:transparent;
  color:var(--wpt-koyu-ink-2); cursor:pointer;
  transition:background var(--wpt-gecis), color var(--wpt-gecis);
}
.wpt-taksit-kapat:hover{ background:rgba(255,255,255,.12); color:#fff }
.wpt-taksit-kapat:focus-visible{ outline:2px solid #8CC8F5; outline-offset:2px }

.wpt-taksit-govde{
  flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
  padding:20px;
}
.wpt-taksit-uyari{
  margin:0 0 18px; padding:13px 16px;
  border-radius:var(--wpt-r-sm);
  border-left:var(--wpt-tick) solid var(--wpt-uyari);
  background:var(--wpt-uyari-soft);
  font-size:var(--wpt-fs-sm); line-height:1.6; color:var(--wpt-uyari);
}

/* PayTR'ın kendi tablosu tema diline yaklaştırılıyor; işaretlemesine
   dokunulmuyor, yalnızca görünümü hizalanıyor. */
.wpt-taksit-govde table{
  width:100%; border-collapse:collapse;
  font-size:var(--wpt-fs-sm);
}
.wpt-taksit-govde th,
.wpt-taksit-govde td{
  padding:11px 13px; border-bottom:1px solid var(--wpt-line);
  text-align:left;
}
.wpt-taksit-govde th{
  background:var(--wpt-surface-2);
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase; color:var(--wpt-ink-2);
}
.wpt-taksit-govde td{ font-variant-numeric:tabular-nums; color:var(--wpt-ink) }
.wpt-taksit-govde #updateInstallmentsButton{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--wpt-btn); padding:0 20px; margin-bottom:14px;
  border-radius:var(--wpt-r-hap);
  background:var(--wpt-grad-marka); color:var(--wpt-btn-ink);
  font-size:13.5px; font-weight:600; cursor:pointer;
}

body.wpt-taksit-kilit{ overflow:hidden }

@media (max-width:620px){
  .wpt-taksit-modal{ padding:0 }
  .wpt-taksit-diyalog{ width:100%; height:100dvh; max-height:100dvh; border-radius:0 }
}
@media (prefers-reduced-motion: reduce){
  .wpt-taksit-modal, .wpt-taksit-diyalog, .wpt-taksit-serit{ transition:none }
}


.wpt-taksit-bos{
  margin:0; padding:22px;
  border:1px dashed var(--wpt-line-2); border-radius:var(--wpt-r);
  text-align:center; color:var(--wpt-ink-3); font-size:var(--wpt-fs-sm);
}

/* ==========================================================================
   PAYTR TABLOSU — KENDİ TASARIM DİLİMİZE ÇEKİLDİ

   ⚠ TABLOYU BİZ ÜRETMİYORUZ. PayTR'ın uzak betiği `#paytr_taksit_tablosu`
   içine kendi işaretlemesini enjekte ediyor; oranlar bankadan geliyor ve
   tema onları hesaplamaya kalkmaz. Yapabileceğimiz tek şey görünümü
   devralmak.

   Gelen yapı:
     .taksit-tablosu-wrapper      ← her banka için bir kutu
       .taksit-logo > img
       .taksit-baslik > .taksit-tutari-text ×2
       .taksit-tutar-wrapper > .taksit-tutari ×2 (her satır)

   ⚠ ÖZGÜLLÜK GEREKLİ. Eklentinin kendi `style.css`'i bizimkinden SONRA
   kuyruğa giriyor; kurallar `.wpt-taksit-govde` altına yazılmazsa eziliyor.
   ========================================================================== */

.wpt-taksit-govde #paytr_taksit_tablosu{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--wpt-gap-sm);
  margin-top:16px;
}
@media (max-width:820px){
  .wpt-taksit-govde #paytr_taksit_tablosu{ grid-template-columns:repeat(2, minmax(0,1fr)) }
}

/* --- Banka kutusu --- */
.wpt-taksit-govde .taksit-tablosu-wrapper{
  /* ⚠ KART BİR SORGU KABI. Satırın iki sütuna sığıp sığmadığı
     EKRANIN değil KARTIN genişliğine bağlı — aşağıdaki `@container`
     kuralı bu yüzden mevcut. */
  container-type:inline-size;
  container-name:wpt-banka;

  position:relative; overflow:hidden;
  display:flex; flex-direction:column;
  width:auto; margin:0; padding:14px 14px 6px;
  float:none;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-grad-kagit);
  box-shadow:var(--wpt-golge-sm);
}
/* İmza: kartın üst kenarında amber segment. */
.wpt-taksit-govde .taksit-tablosu-wrapper::before{
  content:""; position:absolute; left:0; top:0; height:var(--wpt-tick); width:44px;
  background:var(--wpt-amber);
}

/* --- Banka logosu ---
   ⚠ 22 PİKSEL ÇOK KÜÇÜKTÜ — "Axess" gibi ince yazılı logolar okunmuyordu.
   Logolar PayTR'ın kendi PNG'leri ve çoğu beyaz zemin için çizilmiş; bu
   yüzden beyaz bir levhanın üstünde duruyorlar. Levha koyu temada da
   beyaz kalır, yoksa logolar kaybolur. */
.wpt-taksit-govde .taksit-logo{
  display:grid; place-items:center;
  min-height:56px; margin-bottom:10px; padding:8px 12px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
  background:#fff;
}
.wpt-taksit-govde .taksit-logo img{
  max-height:34px; width:auto; max-width:100%; display:block;
}

/* --- Sütun başlıkları --- */
.wpt-taksit-govde .taksit-baslik{
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
  margin-bottom:4px;
}
.wpt-taksit-govde .taksit-tutari-text{
  font-family:var(--wpt-mono); font-size:9.5px; font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3); text-align:right;
}
.wpt-taksit-govde .taksit-baslik .taksit-tutari-text:first-child{ text-align:left }

/* --- Satırlar ---
   Rakamlar mono ve tabular: sütun boyunca göz tek dikey çizgide kalıyor,
   taksit tutarları karşılaştırılabiliyor. */
.wpt-taksit-govde .taksit-tutar-wrapper{
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
  padding:6px 0;
  border-top:1px solid var(--wpt-line);
}
.wpt-taksit-govde .taksit-tutar-wrapper:first-of-type{ border-top:0 }
.wpt-taksit-govde .taksit-tutari{
  font-family:var(--wpt-mono); font-variant-numeric:tabular-nums;
  font-size:12px; color:var(--wpt-ink-2); text-align:right;
}
/* Sol sütun taksit adedini taşıyor — okunur olsun. */
.wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:first-child{
  text-align:left; font-weight:600; color:var(--wpt-ink);
}
/* Sağ sütun toplam — vade farkı buradan görülüyor. */
.wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{
  color:var(--wpt-amber-ink); font-weight:600;
}

/* Eklentinin kendi süsleri — bizim düzeni bozuyor. */
.wpt-taksit-govde #updateInstallmentsButton,
.wpt-taksit-govde .taksit-tablosu-wrapper br{ display:none }


/* JS ile süzülen satırlar — 3, 6 ve 9 dışındakiler. */
.wpt-taksit-govde .taksit-tutar-wrapper[hidden]{ display:none }

/* Süzmeden sonra ilk GÖRÜNEN satırın üst çizgisi olmasın. */
.wpt-taksit-govde .taksit-tutar-wrapper:not([hidden]) + .taksit-tutar-wrapper:not([hidden]){
  border-top:1px solid var(--wpt-line);
}
.wpt-taksit-govde .taksit-tutar-wrapper{ border-top:0 }

/* --------------------------------------------------------------------------
   DAR EKRAN — SATIR DİKEY YIĞILIR (TABAN KURAL)

   ⚠ İKİ ALT SÜTUN GERÇEKTEN DAR KARTA SIĞMIYOR. Ölçüldü (430px ekran):
   kart 191 piksel, iç genişlik 171; "3 x 60.147,37 TL" 109 piksel ve
   "180.442,12 TL" 93 piksel — boşlukla birlikte 210 piksel isteniyor.
   Bu yüzden dar kartta satır dikeye alınıyor ve toplamın ne olduğu
   `::before` etiketiyle söyleniyor.

   ⚠ AMA BU KURAL TEK BAŞINA FAZLA GENİŞ DAVRANIYORDU. Eşik ekran
   genişliğine bakıyordu (820px) ve 508–820 arasında kart 230 pikseli
   geçtiği hâlde satır yine dikey yığılıyordu; kullanıcının gördüğü
   "sağdaki boşluk" tam olarak buydu. Düzeltme aşağıdaki `@container`
   bloğunda — bu blok artık yalnızca TABAN, son sözü kartın kendi
   genişliği söylüyor.
   -------------------------------------------------------------------------- */
@media (max-width:820px){
  .wpt-taksit-govde .taksit-baslik{ display:none }

  .wpt-taksit-govde .taksit-tutar-wrapper{
    grid-template-columns:1fr; gap:2px; padding:8px 0;
  }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:first-child{
    font-size:12.5px;
  }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{
    text-align:left; font-size:11px;
  }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child::before{
    content:"Toplam ";
    font-family:var(--wpt-font); font-weight:400; color:var(--wpt-ink-3);
  }
  /* Satır ayrımı dikey yığında daha gerekli. */
  .wpt-taksit-govde .taksit-tutar-wrapper:not([hidden]) + .taksit-tutar-wrapper:not([hidden]){
    border-top:1px solid var(--wpt-line);
  }
  .wpt-taksit-govde .taksit-tablosu-wrapper{ padding:12px 12px 6px }
  .wpt-taksit-govde .taksit-logo{ min-height:44px; padding:6px 8px }
  .wpt-taksit-govde .taksit-logo img{ max-height:24px }
}

/* --------------------------------------------------------------------------
   ⚠ HAYALET BOŞ BLOK — SEBEBİ CLEARFIX

   Izgaranın ilk hücresi boş kalıyor, ilk banka kartı ikinci sütundan
   başlıyordu; hem masaüstünde hem telefonda bir blokluk boşluk görünüyordu.

   Sebep: `#paytr_taksit_tablosu::before` üzerinde `content:" "` ve
   `display:table` var — klasik bir clearfix. Kapsayıcı `display:grid`
   olunca bu sözde öğe GERÇEK BİR IZGARA ÖĞESİNE dönüşüyor ve ilk hücreyi
   kapıyor. Float temizliğine ızgarada zaten gerek yok.
   -------------------------------------------------------------------------- */
.wpt-taksit-govde #paytr_taksit_tablosu::before,
.wpt-taksit-govde #paytr_taksit_tablosu::after{
  content:none;
}

/* Dar ekranda kart boyu — kullanıcı "çok diklemesine" dedi.
   Kart 367 pikseldi; logo levhası, satır boşluğu ve punto kısıldı. */
@media (max-width:820px){
  .wpt-taksit-govde #paytr_taksit_tablosu{ gap:8px }
  .wpt-taksit-govde .taksit-tablosu-wrapper{ padding:10px 10px 4px }

  /* ⚠ LOGO BÜYÜK, KUTU KISA — ikisi birlikte istendi.
     Logo levhası genişliyor ama satırlar sıkışıyor: kart 367 → 324 → ~250
     piksele iniyor, logo 19 → 26 piksele çıkıyor. */
  .wpt-taksit-govde .taksit-logo{
    min-height:42px; margin-bottom:8px; padding:5px 8px;
  }
  .wpt-taksit-govde .taksit-logo img{ max-height:26px }

  .wpt-taksit-govde .taksit-tutar-wrapper{ padding:5px 0; gap:0 }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari{ line-height:1.35 }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:first-child{ font-size:11.5px }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{ font-size:10px }
}


/* --------------------------------------------------------------------------
   ⚠ SON SÖZÜ KART SÖYLER — `@container`

   Kullanıcı: *"mobilde taksitte toplam tutar altında değil de sağda boşluk
   var ya, orada olsun."*

   Sorun eşiğin YANLIŞ ŞEYE bakmasıydı. Yukarıdaki kural ekran 820'nin
   altına düştüğünde satırı dikeye alıyordu; oysa satırın sığıp sığmaması
   ekrana değil KARTA bağlı ve kart, tablonun kaç sütun olduğuna göre
   değişiyor (masaüstü 3, dar ekran 2).

   ÖLÇÜM (430px ekran):
     kart 191px → iç genişlik 171px
     sol sütun  "3 x 60.147,37 TL" ....... 109px
     sağ sütun  "180.442,12 TL" .......... 93px
     boşluk ................................. 8px
     GEREKEN ............................... 210px  (kart 230px)
     başlık satırı "Taksit Tutarı"+"Toplam Tutar" ... 139px — rahat sığıyor

   Eşik bu yüzden **230px**. Kart bundan genişse iki sütun geri geliyor,
   başlık satırı açılıyor ve satır başındaki "Toplam" ön eki kalkıyor —
   artık sütunun ne olduğunu başlık söylüyor, her satırda tekrar etmeye
   gerek yok.

   ⚠ `@container` DESTEKLENMEZSE YıĞIN KALIR. Eski bir tarayıcıda bu blok
   hiç uygulanmaz ve yukarıdaki dikey düzen geçerli olur — daha az şık ama
   doğru. Bozulan bir şey olmaz, bu yüzden ayrı bir `@supports` yedeği
   yazılmadı.
   -------------------------------------------------------------------------- */
@container wpt-banka (min-width: 230px){

  .wpt-taksit-govde .taksit-baslik{
    display:grid; grid-template-columns:1fr auto; gap:8px; margin-bottom:4px;
  }

  .wpt-taksit-govde .taksit-tutar-wrapper{
    /* ⚠ `1fr 1fr` DEĞİL `1fr auto`. Eşit iki sütunda sol taraf gereğinden
       geniş kalıp sağ sütunu sıkıştırıyordu; `auto` toplamın ihtiyacı kadar
       yer verip kalanı sola bırakıyor. */
    grid-template-columns:1fr auto;
    gap:8px; padding:5px 0;
  }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{
    text-align:right;
  }
  .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child::before{
    content:none;
  }
}

/* ==========================================================================
   PAYTR EKLENTİSİNİN KENDİ SÜSLERİ — KOYU TEMADA SUSTURULUYOR

   ⚠ ÖLÇÜLDÜ (27.08.2026). Eklenti her tutar hücresine kendi çerçevesini ve
   zeminini basıyor. Açık temada göze batmıyor; koyu temada her rakam amber
   çerçeveli bir kutuya dönüşüyor ve tablo, birbirinden ayrılmayan onlarca
   küçük kutuya bölünüyor (kullanıcı: *"taksit tablosundaki tasarım rezalet
   görünüyor koyu temada"*).

   ⚠ EKLENTİNİN CSS'İ KUYRUKTAN ÇIKARILMIYOR: logo ızgarasını ve satır
   yapısını o kuruyor; kaldırılırsa tablo tamamen dağılıyor. Yalnızca
   ÇERÇEVE ve ZEMİN geri alınıyor, düzen eklentide kalıyor.

   ⚠ `!important` BURADA MEŞRU: eklentinin kuralları bizden SONRA yükleniyor
   (inc/taksit.php içinde `paytr_installment_table_style` bağımlılık olarak
   ekleniyor) ve seçici özgüllüğü daha yüksek. Sözleşmedeki istisna
   "yabancı eklenti çıktısını hizalamak" — burada geçerli.
   ========================================================================== */
.wpt-taksit-govde .taksit-tutari,
.wpt-taksit-govde .taksit-tutar-wrapper,
.wpt-taksit-govde .taksit-tutar-wrapper > *{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding-block:0 !important;
}
/* Satır ayrımı yeniden kuruluyor — kutu değil, ince bir çizgi. */
.wpt-taksit-govde .taksit-tutar-wrapper{
  padding:7px 0 !important;
  border-top:1px solid var(--wpt-line) !important;
}
.wpt-taksit-govde .taksit-tutar-wrapper:first-of-type{ border-top:0 !important }

/* Toplam sütunu: koyu yüzeyde amber okunmuyordu (1,9:1). Ters karşılığı
   8,03:1 veriyor. Açık temada değişmiyor. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{
    color:var(--wpt-amber-ters);
  }
  :root:not([data-theme="light"]) .wpt-taksit-govde .taksit-tutar-wrapper{
    border-top-color:var(--wpt-koyu-cizgi) !important;
  }
}
:root[data-theme="dark"] .wpt-taksit-govde .taksit-tutar-wrapper .taksit-tutari:last-child{
  color:var(--wpt-amber-ters);
}
:root[data-theme="dark"] .wpt-taksit-govde .taksit-tutar-wrapper{
  border-top-color:var(--wpt-koyu-cizgi) !important;
}

/* Banka kutusu: koyu temada çerçeve yerine hafif bir yüzey farkı. */
:root[data-theme="dark"] .wpt-taksit-govde .taksit-tablosu,
:root[data-theme="dark"] .wpt-taksit-govde .taksit-kutu{
  background:var(--wpt-cam); border-color:var(--wpt-koyu-cizgi);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .wpt-taksit-govde .taksit-tablosu,
  :root:not([data-theme="light"]) .wpt-taksit-govde .taksit-kutu{
    background:var(--wpt-cam); border-color:var(--wpt-koyu-cizgi);
  }
}