/**
 * Player Fortschrittsanzeige
 * Unter dem Artist/Interpreten
 */

.plyr-progress-container {
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 8px;
    border-radius: 2px;
    overflow: hidden;
}

.plyr-progress-fill {
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    transition: width 0.3s linear;
}

/* Pulsierender Effekt */
@keyframes progress-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

.plyr-progress-fill {
    animation: progress-pulse 2s ease-in-out infinite;
}

/* Pulsierender Effekt wenn Live */
@keyframes progress-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

#muzik-plyr .plyr-progress-bar.live {
    animation: progress-pulse 2s ease-in-out infinite;
}

/* Glowing Tip am Ende */
#muzik-plyr .plyr-progress-bar::after {
    content: '';
    position: absolute;
    right: -2px;
    top: -2px;
    width: 6px;
    height: 7px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(255, 255, 255, 1), 0 0 6px rgba(255, 255, 255, 0.8);
}

/* Debug: Sichtbar machen wenn 0% */
#muzik-plyr .plyr-progress-bar[style*="width: 0"] {
    display: none;
}