/* ==================================================================
   SNN – klasik sepet / ödeme / Hesabım / teşekkür sayfası (2026-09-23)

   Yalnız is_cart() || is_checkout() || is_account_page() || is_order_received_page()
   iken yüklenir (functions.php; Sipariş Takibi sayfasında snn-core/modules/siparis-durum-renk.php). urun.css bölüm 5'teki beyaz kutu kalıbını
   (toplamlar kutusu, sipariş özeti) tamamlar:
     1. Ortak: form alanları, bilgi şeridi
     2. Sepet: ürün tablosu kartı, kupon satırı
     3. Toplam satırları (.snn-toplamlar — snn-core/modules/toplamlar.php)
     4. Ödeme: müşteri bilgileri kartı, sipariş özeti, ödeme yöntemi
     5. Teşekkür / Hesabım sipariş ayrıntısı
     5b. Sipariş durumu rozeti (Hesabım listesi, sipariş görünümü, Sipariş Takibi)
     6. Tablet / telefon
   Renk ve ölçüler tokens.css'ten (açık gövde, kart #FFF kenar #E1DFD5, köşe 6/4 px).
   ================================================================== */

/* ---------- 1. Ortak ---------- */

.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content {
  --theme-form-field-border-radius: var(--snn-radius);
  --theme-form-field-border-initial-color: var(--snn-form-kenar);
  --theme-form-field-background-initial-color: var(--snn-kutu);
  --theme-form-field-background-focus-color: var(--snn-kutu);
  --theme-button-border-radius: var(--snn-radius);
  font-family: var(--snn-font);
}

/* tema.css `.entry-content th` gri zemin basıyor; bu sayfaların tablolarında satır başlığı sade */
.woocommerce-cart .entry-content .cart_totals th,
.woocommerce-checkout .entry-content .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .entry-content .woocommerce-checkout-review-order-table tbody td,
.woocommerce-account .entry-content .woocommerce-table--order-details tfoot th,
.woocommerce-checkout .entry-content .woocommerce-table--order-details tfoot th {
  background: transparent;
  font-weight: 400;
  color: var(--snn-kart-metin);
}

/* Kupon / bilgi şeridi (ödeme sayfasındaki "Kuponunuz var mı?") */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-cart .woocommerce-info {
  --background-color: var(--snn-bolum);
  background: var(--snn-bolum);
  color: var(--snn-metin);
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
}

.woocommerce-checkout form.checkout_coupon {
  background: var(--snn-kart);
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
}

/* ---------- 2. Sepet ---------- */

.ct-woocommerce-cart-form .woocommerce-cart-form {
  background: var(--snn-kart);
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
  box-shadow: var(--snn-golge);
  padding: 24px;
}

.ct-woocommerce-cart-form .woocommerce-cart-form .shop_table.cart thead th {
  background: transparent;
  border-bottom: 1px solid var(--snn-kart-kenar);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--snn-ikincil);
}

.ct-woocommerce-cart-form .shop_table.cart td { border-color: var(--snn-kart-kenar); }

.ct-woocommerce-cart-form .shop_table.cart .product-name a {
  color: var(--snn-baglanti);
  text-decoration: none;
  font-weight: 600;
}
.ct-woocommerce-cart-form .shop_table.cart .product-name a:hover { color: var(--snn-baglanti-hover); text-decoration: underline; }

/* Güncelle düğmesi ikincil: turuncu yalnız birincil eyleme ("Ödeme sayfasına git") */
.ct-woocommerce-cart-form button[name="update_cart"] {
  --theme-button-background-initial-color: transparent;
  --theme-button-background-hover-color: var(--snn-bolum);
  --theme-button-text-initial-color: var(--snn-metin);
  --theme-button-text-hover-color: var(--snn-metin);
  box-shadow: inset 0 0 0 1px var(--snn-form-kenar);
}

.cart_totals > h2,
.woocommerce-checkout #order_review_heading,
.ct-order-review > h3,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--snn-baslik);
}

/* ---------- 3. Toplam satırları ---------- */

.snn-toplamlar tr > th,
.snn-toplamlar tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--snn-kart-kenar);
  font-size: 16px;
  line-height: 1.35;
  vertical-align: top;
}

.snn-toplamlar tr > td { text-align: right; white-space: nowrap; }
.snn-toplamlar tr.shipping td,
.snn-toplamlar tr.woocommerce-shipping-totals td { white-space: normal; }

/* KDV satırları: aynı hizada, ikincil ton değil — tutar önemli */
.snn-toplamlar .snn-toplam-kdv th { color: var(--snn-kart-metin); }

/* Vergiler dahil toplam: ara sonuç, yarı kalın */
.entry-content .snn-toplamlar .snn-toplam-dahil th,
.snn-toplamlar .snn-toplam-dahil td { font-weight: 600; }

/* İndirim: tutar kırmızı (açık zeminde 5.8:1), kaldır bağlantısı küçük */
.snn-toplamlar .snn-toplam-indirim td { color: var(--snn-indirim); }
.snn-toplamlar .snn-toplam-indirim td .amount { color: inherit; }
.snn-toplamlar .woocommerce-remove-coupon {
  margin-left: 6px;
  font-size: 13px;
  color: var(--snn-ikincil);
  text-decoration: underline;
}
.snn-toplamlar .woocommerce-remove-coupon:hover { color: var(--snn-baglanti-hover); }

/* Ödenecek tutar: üstte kalın ayraç, büyük ve kalın */
.entry-content .snn-toplamlar tr.snn-toplam-odenecek > th,
.snn-toplamlar tr.snn-toplam-odenecek > td {
  border-top: 2px solid var(--snn-metin);
  border-bottom: 0;
  padding-top: 14px;
  font-size: 19px;
  font-weight: 700;
  color: var(--snn-baslik);
}
.snn-toplamlar tr.snn-toplam-odenecek strong { font-weight: 700; }

/* "(içindeki KDV: …)" notu: küçük, ikincil, sağa yaslı, ayraçsız */
.snn-toplamlar tr.snn-toplam-not-satir > td {
  padding-top: 0;
  border-bottom: 0;
  text-align: right;
  font-size: 13px;
  color: var(--snn-ikincil);
}
.snn-toplamlar .snn-toplam-not { font-size: inherit; }

/* Önceki satırın alt çizgisi ödenecek satırının kalın ayracıyla çakışmasın */
.snn-toplamlar tr:has(+ tr.snn-toplam-odenecek) > th,
.snn-toplamlar tr:has(+ tr.snn-toplam-odenecek) > td { border-bottom: 0; }

/* ---------- 4. Ödeme ---------- */

.woocommerce-checkout .ct-customer-details {
  background: var(--snn-kart);
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
  box-shadow: var(--snn-golge);
  padding: 32px;
  align-self: start;
}

/* Sipariş özeti ürün satırları */
.woocommerce-checkout-review-order-table thead th {
  background: transparent;
  border-bottom: 1px solid var(--snn-kart-kenar);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--snn-ikincil);
}
.woocommerce-checkout-review-order-table .cart_item td { border-color: var(--snn-kart-kenar); font-size: 15px; }
.woocommerce-checkout-review-order-table .cart_item .variation,
.woocommerce-checkout-review-order-table .cart_item .wc-item-meta { font-size: 14px; color: var(--snn-ikincil); }

/* Sipariş özeti tablosunun dış çizgisine yazı yapışmasın */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td { padding-left: 12px; padding-right: 12px; }

/* Ödeme yöntemi kutusu */
.woocommerce-checkout #payment .wc_payment_methods {
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
}
.woocommerce-checkout #payment .payment_box {
  background: var(--snn-bolum);
  color: var(--snn-metin);
  font-size: 14px;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text { font-size: 13px; color: var(--snn-ikincil); }

#place_order { width: 100%; font-weight: 700; }

/* ---------- 5. Teşekkür / Hesabım sipariş ayrıntısı ---------- */

.woocommerce-order-details,
.woocommerce-customer-details .woocommerce-column,
.woocommerce-order-overview {
  background: var(--snn-kart);
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius-kart);
  box-shadow: var(--snn-golge);
  padding: 24px;
}
.woocommerce-order-overview { padding: 20px 24px; }

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
  border-color: var(--snn-kart-kenar);
  font-size: 16px;
}
.woocommerce-table--order-details tfoot td { text-align: right; }

/* toplamlar.php Ödenecek tutarı <strong class="snn-toplam-odenecek-tutar"> ile, notu
   <small class="snn-toplam-not"> ile işaretler; satırlara sınıf verilemediği için :has() */
.entry-content .woocommerce-table--order-details tfoot tr:has(.snn-toplam-odenecek-tutar) > * {
  border-top: 2px solid var(--snn-metin);
  border-bottom: 0;
  font-size: 19px;
  font-weight: 700;
  color: var(--snn-baslik);
}
.entry-content .woocommerce-table--order-details tfoot tr:has(.snn-toplam-not) > * {
  border-top: 0;
  padding-top: 0;
  font-size: 13px;
  color: var(--snn-ikincil);
}

/* ---------- 5b. Sipariş durumu rozeti (2026-09-24) ----------
   snn-core/modules/siparis-durum-renk.php: Hesabım → Siparişler hücresinde
   <span class="snn-durum snn-durum--<slug>">, sipariş görünümü ve Sipariş Takibi
   cümlesinde <mark class="order-status snn-durum snn-durum--<slug>">. Renkler satır içi:
   --snn-durum-<slug> / --snn-durum-<slug>-metin (SNN Ayarları → Renkler), slug sınıfı
   bunları --snn-durum-zemin / --snn-durum-yazi'ya bağlar. Tanımsız durum nötr kalır. */

.snn-durum {
  display: inline-block;
  padding: 3px 10px;
  border: 0;
  border-radius: var(--snn-radius, 4px);
  background: var(--snn-durum-zemin, var(--snn-bolum));
  color: var(--snn-durum-yazi, var(--snn-metin));
  font-family: var(--snn-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  white-space: nowrap;
  vertical-align: baseline;
}
/* Cümle içindeki mark: satır yüksekliğini bozmasın */
mark.order-status.snn-durum {
  padding: 1px 8px;
  font-size: 0.92em;
}
/* Kargoya Verildi rozeti takip bağlantısı (snn-core kargo-takip.php §3): alt çizgi yok */
a.snn-kargo-durum-link { text-decoration: none; }
a.snn-kargo-durum-link mark.order-status.snn-durum { cursor: pointer; }
a.snn-kargo-durum-link:hover mark.order-status.snn-durum,
a.snn-kargo-durum-link:focus-visible mark.order-status.snn-durum { text-decoration: underline; }

/* ---------- 5c. Sipariş görünümünde Fatura + Kargo yan yana (2026-09-24) ----------
   fatura-eposta.php (öncelik 10) ve kargo-takip.php (11) ardışık section basar;
   sığmazsa alt alta iner. */
.snn-fatura-hesabim,
.snn-kargo-hesabim {
  display: inline-block;
  vertical-align: top;
  margin-right: 48px;
}
.snn-fatura-hesabim p,
.snn-kargo-hesabim p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

/* ---------- 6. Tablet / telefon ---------- */

@media (max-width: 999.98px) {
  .woocommerce-checkout .ct-customer-details { padding: 24px; }
}

@media (max-width: 689.98px) {
  .ct-woocommerce-cart-form .woocommerce-cart-form,
  .woocommerce-checkout .ct-customer-details,
  .woocommerce-order-details,
  .woocommerce-customer-details .woocommerce-column,
  .woocommerce-order-overview { padding: 16px; }

  .snn-toplamlar tr > th,
  .snn-toplamlar tr > td { font-size: 15px; }
  .snn-toplamlar tr.snn-toplam-odenecek > th,
  .snn-toplamlar tr.snn-toplam-odenecek > td { font-size: 18px; }

  /* shop_table_responsive telefonda td'yi blok yapıp etiketi ::before ile basar;
     not satırında etiket yok, sağa yaslı kalsın */
  .woocommerce-page .cart_totals table.snn-toplamlar tr.snn-toplam-not-satir td::before { content: none; }

  /* Etiket ::before'da: satır rengini (indirim kırmızısı) almasın, Ödenecek tutar kalın */
  .woocommerce-page .cart_totals table.snn-toplamlar tr td::before { font-weight: 400; font-size: inherit; color: var(--snn-kart-metin); }
  .woocommerce-page .cart_totals table.snn-toplamlar tr.snn-toplam-dahil td::before { font-weight: 600; }
  .woocommerce-page .cart_totals table.snn-toplamlar tr.snn-toplam-odenecek td::before { font-weight: 700; color: var(--snn-baslik); }
}

/* ------------------------------------------------------------------
   Hesabım → Siparişler tablosu (2026-09-24)

   Blocksy (woocommerce.min.css) ≥690 px'te işlem sütununu %20'ye sabitleyip
   her düğmeyi `width:100%` yapıyor: "Görüntüle / Faturayı görüntüle / Ödeme /
   Vazgeç" alt alta diziliyor, satır uzuyor, sipariş no hücrenin tepesinde kalıyordu.
   Düğmeler yan yana (sığmazsa satıra kırılır), hücreler dikeyde ortalı.
   ------------------------------------------------------------------ */
/* `table.` öneki şart: Blocksy'nin `table.shop_table th { vertical-align: top }` kuralı daha özgül. */
table.woocommerce-orders-table th,
table.woocommerce-orders-table td {
  vertical-align: middle;
}

@media (min-width: 690px) {
  .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions {
    width: auto;
  }
  .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button {
    width: auto;
    margin: 3px 0;
    padding-inline: 16px;
    white-space: nowrap;
  }
  .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:not(:last-child) {
    margin-inline-end: 8px;
  }
}

/* ------------------------------------------------------------------
   Ödeme: Ön Bilgilendirme Formu kutusu (2026-09-26, snn-core/modules/on-bilgilendirme.php)
   Onay kutusunun üstünde kapalı gelir; açılınca sepetle doldurulmuş form kendi içinde kayar.
   ------------------------------------------------------------------ */
.snn-on-bilgi-kutu {
  margin: 0 0 12px;
  border: 1px solid var(--snn-kart-kenar);
  border-radius: var(--snn-radius);
  background: var(--snn-kart);
  font-size: 13px;
}
.snn-on-bilgi-kutu > summary {
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 600;
  color: var(--snn-metin);
}
.snn-on-bilgi-kutu__ic {
  max-height: 320px;
  overflow-y: auto;
  padding: 0 14px 12px;
  border-top: 1px solid var(--snn-kart-kenar);
  color: var(--snn-ikincil);
}
.snn-on-bilgi-kutu h3 { margin: 14px 0 6px; font-size: 14px; color: var(--snn-metin); }
.snn-on-bilgi-kutu ul { margin: 0 0 8px; padding-inline-start: 18px; }
.snn-on-bilgi-kutu p { margin: 0 0 8px; }
.snn-on-bilgi__tablo { width: 100%; margin: 6px 0 10px; font-size: 12px; border-collapse: collapse; }
.snn-on-bilgi__tablo th,
.snn-on-bilgi__tablo td { padding: 4px 6px; border-bottom: 1px solid var(--snn-kart-kenar); text-align: start; vertical-align: top; }
.snn-on-bilgi__tablo td:last-child,
.snn-on-bilgi__tablo tfoot th { text-align: end; white-space: nowrap; }