/* Live Indicator for Navigation */
.nav-live-indicator {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nav-live-indicator::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #dc3545;
    border-radius: 50%;
    animation: live-pulse 2s infinite;
    box-shadow: 0 0 8px rgba(220, 53, 69, 0.8);
}

@keyframes live-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.1);
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .nav-live-indicator::after {
        width: 6px;
        height: 6px;
    }
}