/* ==========================================================
   Sortable Table Headers
   Clickable column headers with direction indicators.
   ========================================================== */

.sort-link {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.sort-link:hover {
  color: var(--bs-body-emphasis-color);
  text-decoration: none;
}

.sort-link__icon {
  font-size: var(--fs-sm);
  opacity: 0.4;
  transition: opacity 0.15s ease;
  vertical-align: middle;
}

.sort-link:hover .sort-link__icon {
  opacity: 0.8;
}

/* Active sort — full opacity icon */
.sort-link .bi-chevron-up,
.sort-link .bi-chevron-down {
  opacity: 1;
  color: var(--bs-body-emphasis-color);
}