/* 🎧 Global Audio Player Styles */
.audio-player-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
}

.audio-player-bar .btn {
    padding: 0.3rem 0.6rem;
    font-size: 14px;
}

.audio-player-bar audio {
    vertical-align: middle;
    width: 100%;
    max-width: 300px;
}

/* 🎵 Song Title – sichtbar und gekürzt */
#nowPlayingTitle {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 14px;
}

/* 📱 Mobilansicht */
@media (max-width: 576px) {
    #nowPlayingTitle {
        max-width: 130px;
        font-size: 12px;
    }

    .audio-player-bar .btn {
        font-size: 12px;
        padding: 0.25rem 0.5rem;
    }
}

/* Optional: Damit Footer nicht vom Player überlappt wird */
body {
    padding-bottom: 80px;
}