Loop Category with ACF field and current-cat class

Ciao a tutti,
Vorrei creare un carosello con Categorie nella mia pagina Index.
Per ogni categoria ho inserito, tramite Advanced Custom Field Plugin, un campo personalizzato di tipo Text chiamato “icona” in cui inserisco un Font Awesome.

Nella pagina Index il carosello funziona, mostrandomi tutte le categorie e l’icona relativa.

Nella pagina “Categoria” avrei sempre bisogno di avere sempre il carosello con le categorie, ma passare la classe “current-cat” per diversificare il colore della categoria. (Sto cercando di riprodurre la grafica nelle storie di Instagram o Behance.)

Il codice che ho creato nella pagina “Index” è il seguente (sperando che sia corretto):

<?php
$taxonomy = 'category';
$queried_term = get_term_by( 'slug', get_query_var($taxonomy), 0 );
$terms = get_terms($taxonomy);
$terms = get_terms(
array(
'parent' => 0
)
);
$term = get_term('category' );
if ($terms) {
                                    
foreach($terms as $term) {
                                
$icon = get_field('icon', $taxonomy . '_' . $term->term_id);     
                                                        
if( get_field('icon', $taxonomy . '_' . $term->term_id)):
?>
<div class="item category-carousel">
<a href="<?php echo get_term_link($term->slug, $taxonomy) ?>" title="Consulta i lavori nella Categoria: <?php echo $term->name ?>">
<span class="cat-icon"><?php echo $icon; ?></span>
<span class="cat-name"><?php echo $term->name ?></span>
</a>   
</div><!--/.item-->    
<?php  endif; }
}
?>

Il codice che ho creato nella pagina “Categoria” dovrebbe essere lo stesso, ma aggiungendo la classe “current-cat” o qualcosa di simile allo span con la classe “cat-icon” per diversificarne il colore con CSS.

Spero che qualcuno mi possa aiutare, grazie mille.