/* ============================================================
   NTRA - Lista viaggio: barra di progresso "a monete"
   Condivisa da pagina pubblica, area utente e pannello admin
   (ntra_render_travel_list_coin_progress()). Per monete più piccole
   basta sovrascrivere --ntra-tl-coin-size.
   ============================================================ */

.ntra-tl-coins {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px;}

.ntra-tl-coin {
    --ntra-tl-coin-size: 24px;
    display: flex; align-items: center; justify-content: center;
    width: var(--ntra-tl-coin-size); height: var(--ntra-tl-coin-size);
    color: #b9bdb9; background: #eef0ef; border: 2px solid #e2e5e2; border-radius: 50%;
    font-size: 10px; font-weight: 800;
    animation: ntra-tl-coin-pop 0.35s ease both; animation-delay: var(--ntra-tl-coin-delay, 0s);
}
.ntra-tl-coin.is-filled {color: #000; background: #FFEB9F; border-color: #000;}
.ntra-tl-coin-symbol {line-height: 1;}

@keyframes ntra-tl-coin-pop {
    from {opacity: 0; transform: scale(0.4);}
    to {opacity: 1; transform: scale(1);}
}