/* KNSDD - Kademe Tablosu (Tema bağımsız, namespaced) */
.knsdd-tier-table-wrap {
  --knsdd-tier-bg: #ffffff;
  --knsdd-tier-accent: #111827; /* gray-900 */
  --knsdd-tier-border: #e5e7eb; /* gray-200 */
  --knsdd-tier-shadow: 0 1px 2px rgba(0,0,0,0.04);
  --knsdd-tier-header-bg: #f9fafb; /* gray-50 */
  --knsdd-tier-gap-below: 22px; /* alt boşluk: sepete ekle & adet butonlarına mesafe */
  /* Global: tema-özgü zincir yok; kullanıcı/tema isterse bu değişkeni override edebilir */
  --knsdd-theme-accent: var(--knsdd-brand-color, #3b82f6);
  /* Zebra yoğunluğu (yüzde). color-mix destekli tarayıcılarda kullanılır */
  --knsdd-zebra-strength: 30%;
  /* Fallback zebra rengi (color-mix desteklenmezse) */
  --knsdd-zebra-bg: #fafafa;

  background: var(--knsdd-tier-bg);
  border: 1px solid var(--knsdd-tier-border);
  border-radius: 8px;
  box-shadow: var(--knsdd-tier-shadow);
  /* Alt iç boşluk bir miktar daha artırıldı */
  padding: 10px 12px 10px;
  margin: 10px 0 var(--knsdd-tier-gap-below);
}

.knsdd-tier-table__header {
  font-weight: 600;
  font-size: 14px;
  color: var(--knsdd-tier-accent);
  margin-bottom: 6px;
}

.knsdd-tier-table {
  width: 100%;
  /* Zebra satırlarda border-radius görünür olsun diye separate + spacing 0 */
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}

.knsdd-tier-table__head th {
  font-weight: 600;
  font-size: 12px;
  color: #374151; /* gray-700 */
  background: transparent;
  border: 0;
  border-bottom: 0 !important;
}

/* Başlık hücre hizaları – verilerle aynı kolona hizalansın */
.knsdd-tier-table__head .knsdd-tier-table__col-qty { text-align: start; }
.knsdd-tier-table__head .knsdd-tier-table__col-discount { text-align: end; }

.knsdd-tier-table__cell,
.knsdd-tier-table__head th {
  padding: 8px 10px;
}

/* Son satırda iç boşluk bir miktar daha artırıldı */
.knsdd-tier-table__body tr:last-child .knsdd-tier-table__cell { padding-bottom: 8px; }

.knsdd-tier-table__row:nth-child(odd) .knsdd-tier-table__cell { background: var(--knsdd-zebra-bg); }
/* Renkli satırlarda hücre kenarlarını tablo ile uyumlu olsun diye yuvarla */
.knsdd-tier-table__row:nth-child(odd) .knsdd-tier-table__cell:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.knsdd-tier-table__row:nth-child(odd) .knsdd-tier-table__cell:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.knsdd-tier-table__cell-qty {
  text-align: start;
  white-space: nowrap;
}

.knsdd-tier-table__cell-discount {
  text-align: end; /* RTL uyumlu */
  white-space: nowrap;
  font-weight: 600;
}

/* Progressive enhancement: color-mix ile temanın ana rengiyle çok hafif tint */
@supports (background: color-mix(in srgb, #000, #fff)) {
  .knsdd-tier-table-wrap { 
    --knsdd-zebra-bg: color-mix(in srgb, var(--knsdd-theme-accent) var(--knsdd-zebra-strength), #ffffff);
  }
}

/* Tema kaynaklı ayırıcı çizgileri temizle (sadece bu tabloya özel) */
.knsdd-tier-table,
.knsdd-tier-table tr,
.knsdd-tier-table td {
  border: 0 !important;
}

/* Ekran okuyucu/erişilebilirlik için küçük iyileştirmeler */
.knsdd-tier-table[role="table"] {
  border-spacing: 0;
}

/* Küçük ekranlarda yoğunluk azaltma */
@media (max-width: 480px) {
  .knsdd-tier-table__cell,
  .knsdd-tier-table__head th { padding: 6px 8px; }
  .knsdd-tier-table__header { font-size: 13px; }
}

/* Konteynerin görünürlüğünü garanti et: summary sütununda blok olarak akıt ve tam genişlik ver */
.single-product .product .summary .knsdd-tier-table-container,
.single-product .product .entry-summary .knsdd-tier-table-container,
.product .summary .knsdd-tier-table-container,
.entry-summary .knsdd-tier-table-container {
  display: block;
  width: 100%;
}