/* =====================================================================
 * ErelShop — Ürün Varyant Tablosu / Modern Görünüm
 * ---------------------------------------------------------------------
 * Konum : /er-el/css/table-modern.css   (YENİ DOSYA)
 * Yükleme sırası: mevcut style.css'ten SONRA gelmeli.
 *
 * Bu dosya YALNIZCA görünüm değiştirir.
 *   - router.php'nin ürettiği HTML'e dokunulmaz
 *   - script.js'in davranışına dokunulmaz
 *   - Hiçbir data-* özniteliği, sınıf veya seçici değişmez
 *   - Sepete ekleme, adet girişi ve bayi akışı aynen çalışır
 *
 * ÖNEMLİ — neden bazı kurallar "eksik" görünüyor:
 * DataTables, scrollX modunda sütun genişliklerini gövde tablosundaki
 * GİZLİ bir ölçüm satırından hesaplıyor. Başlık hücrelerinin veya o gizli
 * satırın yatay dolgusuna/yazı boyutuna dokunmak, başlık ile gövdenin
 * hizasını bozuyor (test edildi: 72px başlık / 71px gövde kayması).
 * Bu yüzden burada BİLEREK yalnızca renk, kenarlık, gölge, yazı kalınlığı
 * ve GÖVDE satırlarının dikey dolgusu değiştiriliyor.
 * Yeni kural eklerken aynı kısıta uyun.
 * ===================================================================== */

/* ---------- Kapsayıcı ---------- */

.dataTables_wrapper {
    border: 1px solid #e3e7ef;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}

/* ---------- Başlık satırı ---------- */
/* Yalnızca renk ve kenarlık. Dolgu/yazı boyutu DEĞİŞTİRİLMEZ. */

.dataTables_scrollHead thead th {
    background: #f4f6fc !important;
    color: #2E3591 !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #e3e7ef !important;
}

.dataTables_scrollHead th.dtfc-fixed-left {
    box-shadow: 1px 0 0 #e3e7ef;
}

.dataTables_scrollHead th.dtfc-fixed-right {
    background: #f4f6fc !important;
    box-shadow: -1px 0 0 #e3e7ef;
}

/* ---------- Gövde satırları ---------- */

[data-wrapper='variant-list'] tbody td {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    border-bottom: 1px solid #f0f2f7 !important;
    color: #1f2430;
    vertical-align: middle !important;
}

[data-wrapper='variant-list'] tbody tr:last-child td {
    border-bottom: 0 !important;
}

[data-wrapper='variant-list'] tbody tr:nth-child(even) td {
    background: #fbfcfe;
}

[data-wrapper='variant-list'] tbody tr:hover td {
    background: #eef2fc !important;
}

/* ---------- Sabit sol sütun (Referans Nr.) ----------
 * Yapışkan sütunların arka planı OPAK kalmalı, yoksa altından
 * kayan içerik görünür. Bu yüzden her durum için ayrı tanımlı. */

[data-wrapper='variant-list'] td.dtfc-fixed-left {
    background: #fff !important;
    font-weight: 700;
    color: #2E3591;
    box-shadow: 1px 0 0 #e9edf5;
}

[data-wrapper='variant-list'] tbody tr:nth-child(even) td.dtfc-fixed-left {
    background: #fbfcfe !important;
}

[data-wrapper='variant-list'] tbody tr:hover td.dtfc-fixed-left {
    background: #eef2fc !important;
}

/* ---------- Sabit sağ sütunlar (Fiyat + Sepet) ----------
 * Eski hâlinde bu iki hücre koyu lacivert bir blok gibi duruyordu.
 * Arka plan router.php tarafından SATIR İÇİ stille basıldığı için
 * !important şart. */

[data-wrapper='variant-list'] td.dtfc-fixed-right {
    background: #fff !important;
    color: #1f2430 !important;
    box-shadow: -1px 0 0 #e9edf5;
}

[data-wrapper='variant-list'] tbody tr:nth-child(even) td.dtfc-fixed-right {
    background: #fbfcfe !important;
}

[data-wrapper='variant-list'] tbody tr:hover td.dtfc-fixed-right {
    background: #eef2fc !important;
}

/* Fiyat hücresi (sağ sabit sütunlardan aksiyon hücresi olmayanı) */
[data-wrapper='variant-list'] tbody td.dtfc-fixed-right:not(.d-flex) {
    font-weight: 700;
    color: #0f172a;
}

/* ---------- Adet girdisi ---------- */

[data-wrapper='variant-list'] td .form-control {
    border: 1px solid #d5dbe7 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

[data-wrapper='variant-list'] td .form-control:focus {
    border-color: #2E3591 !important;
    box-shadow: 0 0 0 3px rgba(46, 53, 145, .12) !important;
}

/* ---------- Sepete ekle butonu ---------- */

[data-wrapper='variant-list'] td .btn.btn-primary {
    background: #2E3591 !important;
    border-color: #2E3591 !important;
    border-radius: 8px !important;
    transition: background-color .15s;
}

[data-wrapper='variant-list'] td .btn.btn-primary:hover {
    background: #232a75 !important;
}

/* ---------- PDF indirme bağlantısı ----------
 * Kullanılmayacağı için gizlendi (08.09.2026).
 * NOT: Bu yalnızca simgeyi gizler. Sütunun kendisi ve script.js'in
 * her satır için attığı PDF sorgusu devam eder — onları kaldırmak
 * router.php / script.js değişikliği gerektirir. */

[data-selector="download-pdf"] {
    display: none !important;
}

/* ---------- Yatay kaydırma çubuğu ---------- */

.dataTables_scrollBody::-webkit-scrollbar {
    height: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #c9d2e3;
    border-radius: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f3f5f9;
}