/* ============================================================
   ts-table-sort.css
   Stile per l'ordinamento dinamico delle tabelle (Frontend Admin).
   Indicatori freccia (neutro / crescente / decrescente) sugli header
   cliccabili, coerenti con il tema StarAdmin (icone MDI già caricate).
   ============================================================ */

/* Header reso ordinabile dallo script ts-table-sort.js */
th.ts-sortable {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

th.ts-sortable:hover {
  background-color: rgba(0, 123, 255, .06);
}

/* Indicatore di ordinamento: glifo a destra del testo dell'header */
th.ts-sortable .ts-sort-indicator {
  display: inline-block;
  margin-left: .35rem;
  font-size: .8em;
  line-height: 1;
  opacity: .35;
  transition: opacity .15s ease, color .15s ease;
  vertical-align: middle;
}

/* Stato neutro: doppia freccia tenue */
th.ts-sortable .ts-sort-indicator::before {
  content: "\2195"; /* ↕ */
}

/* Stato attivo (colonna ordinata): indicatore più evidente e colorato */
th.ts-sortable.ts-sort-asc .ts-sort-indicator,
th.ts-sortable.ts-sort-desc .ts-sort-indicator {
  opacity: 1;
  color: #007bff;
}

th.ts-sortable.ts-sort-asc .ts-sort-indicator::before {
  content: "\2191"; /* ↑  crescente / A-Z */
}

th.ts-sortable.ts-sort-desc .ts-sort-indicator::before {
  content: "\2193"; /* ↓  decrescente / Z-A */
}