/* Global Styles */
body {
    background-color: #0f2047; /* Fallback for dark-bg */
    color: white;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #2b4364;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334f75;
}

/* Safe Area for iPhone X+ */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

/* Tap Highlight Removal */
* {
    -webkit-tap-highlight-color: transparent;
}

/* AirPlay & Cast Button Styles */
#cast-btn {
    transition: all 0.3s ease;
}

#cast-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
}

#cast-btn:active {
    transform: scale(0.95);
}

/* AirPlay route picker (Safari native) */
audio::-webkit-media-controls-panel {
    display: flex;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-volume-slider {
    display: none;
}

/* Animations */
@keyframes equalizer {
    0% { height: 10%; }
    50% { height: 100%; }
    100% { height: 10%; }
}

.playing-indicator .bar {
    animation: equalizer 1s ease-in-out infinite;
}
/* Volume Slider Styles */
#volume-slider {
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 2px;
    box-sizing: border-box;
}

#volume-slider:hover {
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
}