/* Custom scrollbar for the playlist */
.playlist-scrollable::-webkit-scrollbar {
    width: 6px;
}
.playlist-scrollable::-webkit-scrollbar-track {
    background: transparent;
}
.playlist-scrollable::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}
.playlist-scrollable::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Playlist item styling */
.playlist-item {
    transition: all 0.2s ease-in-out;
    border-radius: 0.75rem;
    margin-bottom: 0.25rem;
}
.playlist-item:hover:not(.active-item) {
    background-color: #f3f4f6;
    transform: translateX(4px);
}
.active-item {
    background: linear-gradient(to right, #eff6ff, #ffffff);
    border-left: 4px solid #3b82f6;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

/* Video Player Specific Styles */
.pa-video-subtitle {
    letter-spacing: 0.5px;
}
.pa-video-tab {
    box-shadow: 0 -2px 5px rgba(0,0,0,0.02);
}
#video-tabs .nav-link:not(.active) {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}
#video-tabs .nav-link.active {
    background-color: #ffffff !important;
    color: #0d6efd !important;
}
.pa-icon-lg {
    font-size: 3rem;
}
.pa-icon-md {
    font-size: 2rem;
}