/**
 * Frontend styles for Communify Fincentric KPI Metrics.
 *
 * @package CommunifyFincentric
 * @since 0.0.1
 */

.cfkm-metric {
    display: inline-block;
    position: relative;
}

.cfkm-metric-error {
    color: #cc1818;
}

.cfkm-metric-json {
    display: none;
}

/* Counter Animation Styles */
.cfkm-counter-wrapper {
    display: inline-flex;
    align-items: center;
    font-variant-numeric: tabular-nums;
}

.cfkm-counter-digit {
    display: inline-block;
    text-align: center;
}

.cfkm-counter-prefix,
.cfkm-counter-suffix {
    display: inline-block;
}

/* Keep the glow animation for overall effect */
@keyframes cfkm-glow {
    0% {
        text-shadow: 0 0 0 transparent;
    }
    50% {
        text-shadow: 0 0 15px currentColor;
    }
    100% {
        text-shadow: 0 0 0 transparent;
    }
}

.cfkm-metric-updated {
    animation: cfkm-glow 0.6s ease-in-out;
}