/* Sorteerbare kolomkoppen (PaginatorHelper::sort): pijltjes voor de sorteerrichting */
th > a[href*="sort="] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

th > a[href*="sort="]:hover {
    color: var(--primary-color, #4f46e5);
}

/* Niet-gesorteerde kolom: subtiel dubbel pijltje */
th > a[href*="sort="]::after {
    content: "\f0dc"; /* fa-sort */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 0.75em;
    opacity: 0.3;
    transition: opacity 0.15s ease;
}

th > a[href*="sort="]:hover::after {
    opacity: 0.6;
}

/* Actieve sortering: kolom gemarkeerd, pijltje in de richting */
th > a.asc,
th > a.desc {
    color: var(--primary-color, #4f46e5);
    font-weight: 700;
}

th > a.asc::after {
    content: "\f0de"; /* fa-sort-up */
    opacity: 1;
}

th > a.desc::after {
    content: "\f0dd"; /* fa-sort-down */
    opacity: 1;
}