/* ====================================
   Tablo Sıralama Stilleri
   Metronic 8 Uyumlu
   ==================================== */

/* Sıralanabilir başlıklar */
.sorting {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
    user-select: none;
    transition: background-color 0.2s ease;
}

    .sorting:hover {
        background-color: rgba(0, 0, 0, 0.03);
    }

    /* Varsayılan sıralama ikonu (çift ok) */
    .sorting::after {
        content: "⇅";
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.3;
        font-size: 0.9rem;
        color: #7e8299;
    }

/* Artan sıralama aktif */
.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc::after {
    content: "↑";
    opacity: 1;
    color: #50cd89;
    font-weight: bold;
}

/* Azalan sıralama aktif */
.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc::after {
    content: "↓";
    opacity: 1;
    color: #50cd89;
    font-weight: bold;
}

/* Aktif sıralama arka plan vurgusu */
.dt-ordering-asc,
.dt-ordering-desc {
    background-color: rgba(80, 205, 137, 0.08);
}

    /* Hover durumunda aktif sıralama */
    .dt-ordering-asc:hover,
    .dt-ordering-desc:hover {
        background-color: rgba(80, 205, 137, 0.12);
    }

/* Responsive - mobilde daha küçük ikonlar */
@media (max-width: 768px) {
    .sorting::after {
        font-size: 0.8rem;
        right: 5px;
    }

    .sorting {
        padding-right: 15px;
    }
}

/* Tablo genel stilleri (opsiyonel - zaten varsa kaldırılabilir) */
.table-row-bordered tbody tr {
    border-bottom: 1px solid #eff2f5;
}

    .table-row-bordered tbody tr:hover {
        background-color: #f9f9f9;
        transition: background-color 0.2s ease;
    }

/* Dark mode desteği (eğer kullanılıyorsa) */
@media (prefers-color-scheme: dark) {
    .sorting:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .sorting::after {
        color: #b5b5c3;
    }

    .dt-orderable-asc.dt-orderable-desc.dt-ordering-asc::after,
    .dt-orderable-asc.dt-orderable-desc.dt-ordering-desc::after {
        color: #50cd89;
    }

    .dt-ordering-asc,
    .dt-ordering-desc {
        background-color: rgba(80, 205, 137, 0.15);
    }

    .table-row-bordered tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
}