/* ========================================
   TABLO STRIPED RENK DÜZELTME CSS
   ========================================
   
   Bu dosya, DataTables ve Bootstrap tablolarının
   striped (çizgili) renk düzenini düzeltmek için kullanılır.
   
   Renk Paleti:
   - Beyaz: #ffffff (tek satırlar)
   - Açık Gri: #f8f9fa (çift satırlar)  
   - Hover Gri: #e9ecef (fare üzerine gelince)
   - Seçili Mavi: #007bff (seçili satırlar)
*/

/* ========================================
   1. GENEL TABLO STRIPED DÜZELTMESİ
   ======================================== */

/* Tek satırlar (1, 3, 5, ...) - Beyaz arka plan */
html body .table.table-striped > tbody > tr:nth-of-type(odd),
html body .table.table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff !important;
}

/* Çift satırlar (2, 4, 6, ...) - Açık gri arka plan */
html body .table.table-striped > tbody > tr:nth-of-type(even),
html body .table.table-striped > tbody > tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

/* ========================================
   2. DATATABLES ÖZEL DÜZELTMESİ
   ======================================== */

/* DataTables tek satırları - Hem satır hem hücre seviyesinde */
html body table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
html body table.dataTable.table-striped > tbody > tr:nth-child(odd) > *,
html body table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    background-color: #ffffff !important;
}

/* DataTables çift satırları - Hem satır hem hücre seviyesinde */
html body table.dataTable.table-striped > tbody > tr:nth-of-type(even) > *,
html body table.dataTable.table-striped > tbody > tr:nth-child(even) > *,
html body table.dataTable.table-striped > tbody > tr:nth-of-type(2n) > * {
    background-color: #f8f9fa !important;
}

/* ========================================
   3. HOVER EFEKTİ
   ======================================== */

/* Genel tablo hover efekti */
html body .table.table-striped > tbody > tr:hover,
html body table.dataTable.table-striped > tbody > tr:hover {
    background-color: #e9ecef !important;
}

/* DataTables hover efekti - Hücre seviyesinde */
html body table.dataTable.table-striped > tbody > tr:hover > * {
    background-color: #e9ecef !important;
}

/* ========================================
   4. ÖZEL TABLO SINIFLARI
   ======================================== */

/* Cari Kart Listesi tablosu (.datatables-users) */
html body .datatables-users.table.table-striped > tbody > tr:nth-of-type(odd),
html body .datatables-users.table.table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff !important;
}

html body .datatables-users.table.table-striped > tbody > tr:nth-of-type(even),
html body .datatables-users.table.table-striped > tbody > tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

html body .datatables-users.table.table-striped > tbody > tr:hover {
    background-color: #e9ecef !important;
}

/* Ürün Listesi tablosu (.datatables-basic) */
html body .datatables-basic.table.table-striped > tbody > tr:nth-of-type(odd),
html body .datatables-basic.table.table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff !important;
}

html body .datatables-basic.table.table-striped > tbody > tr:nth-of-type(even),
html body .datatables-basic.table.table-striped > tbody > tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

html body .datatables-basic.table.table-striped > tbody > tr:hover {
    background-color: #e9ecef !important;
}

/* Genel liste tabloları (.liste) */
html body .liste.table.table-striped > tbody > tr:nth-of-type(odd),
html body .liste.table.table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff !important;
}

html body .liste.table.table-striped > tbody > tr:nth-of-type(even),
html body .liste.table.table-striped > tbody > tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

html body .liste.table.table-striped > tbody > tr:hover {
    background-color: #e9ecef !important;
}

/* ========================================
   5. SEÇİLİ SATIRLAR
   ======================================== */

/* Genel tablo seçili satır */
html body .table.table-striped > tbody > tr.selected {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* DataTables seçili satır */
html body table.dataTable.table-striped > tbody > tr.selected > * {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* ========================================
   6. BOOTSTRAP OVERRIDE'LARI
   ======================================== */

/* Bootstrap'in kendi striped CSS'ini override et */
html body .table-striped > tbody > tr:nth-of-type(odd),
html body .table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff !important;
}

html body .table-striped > tbody > tr:nth-of-type(even),
html body .table-striped > tbody > tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

/* ========================================
   7. JAVASCRIPT OVERRIDE KORUMASI
   ======================================== */

/* JavaScript ile eklenen inline stilleri override et */
html body .table.table-striped > tbody > tr[style*="background"] {
    background-color: inherit !important;
}

html body table.dataTable.table-striped > tbody > tr[style*="background"] > * {
    background-color: inherit !important;
}

/* ========================================
   8. DATATABLES TAM OVERRIDE
   ======================================== */

/* DataTables'ın tüm olası CSS seçicilerini override et */
html body table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
html body table.dataTable.table-striped > tbody > tr:nth-child(odd) > *,
html body table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    background-color: #ffffff !important;
}

html body table.dataTable.table-striped > tbody > tr:nth-of-type(even) > *,
html body table.dataTable.table-striped > tbody > tr:nth-child(even) > *,
html body table.dataTable.table-striped > tbody > tr:nth-of-type(2n) > * {
    background-color: #f8f9fa !important;
}

/* DataTables hover tam override */
html body table.dataTable.table-striped > tbody > tr:hover > *,
html body table.dataTable.table-striped > tbody > tr:hover {
    background-color: #e9ecef !important;
}

/* DataTables seçili satır tam override */
html body table.dataTable.table-striped > tbody > tr.selected > *,
html body table.dataTable.table-striped > tbody > tr.selected {
    background-color: #007bff !important;
    color: #ffffff !important;
}