/* Stili per il componente PublicView */

/* Indicatore live: allargato del 30% orizzontalmente con animazione sincronizzata */
.live-indicator-center {
    gap: 8px;
    transform: scaleX(1.3);
    transform-origin: center;
    animation: live-pulse-color 2.5s ease-in-out infinite;
}

/* Animazione tema scuro */
@keyframes live-pulse-color {
    0%, 100% {
        color: #f44336;
        text-shadow: 0 0 8px rgba(244, 67, 54, 0.4);
    }
    50% {
        color: #ff8a80;
        text-shadow: 0 0 12px rgba(255, 138, 128, 0.6);
    }
}

/* Animazione tema chiaro */
[data-theme="light"] .live-indicator-center {
    animation: live-pulse-color-light 2.5s ease-in-out infinite;
}

@keyframes live-pulse-color-light {
    0%, 100% {
        color: #d32f2f;
        text-shadow: 0 0 8px rgba(211, 47, 47, 0.4);
    }
    50% {
        color: #ff6b35;
        text-shadow: 0 0 12px rgba(255, 107, 53, 0.6);
    }
}

/* Stili per icona e testo usando MudBlazor */
.live-indicator-center .live-icon {
    filter: drop-shadow(0 0 6px currentColor);
    color: inherit;
}

.live-indicator-center .live-text {
    font-weight: 600 !important;
    margin: 0 !important;
    color: inherit;
}