/**
 * HydeFM AJAX Navigation Styles v2.1.2
 * Progress bar and page transitions
 */

/* Progress Bar - YouTube Style */
#hydefm-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    z-index: 999999;
    pointer-events: none;
    opacity: 1;
}

#hydefm-progress-bar.loading {
    width: 85%;
    transition: width 10s cubic-bezier(0.1, 0.05, 0, 1);
}

#hydefm-progress-bar.complete {
    width: 100%;
    opacity: 0;
    transition: width 0.3s ease-out, opacity 0.4s ease-out 0.3s;
}

/* Page Transition - Fade (only affects content container) */
.hydefm-fade-out {
    opacity: 0 !important;
    transition: opacity 0.15s ease-out !important;
}

.hydefm-fade-in {
    animation: hydefmFadeIn 0.2s ease-in forwards;
}

@keyframes hydefmFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ============================================
   CRITICAL: Protect audio elements from any transitions
   ============================================ */

/* Live stream player in header */
#audio,
#playPauseBtn,
#icon-play,
#icon-pause,
.stream-name {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
}

/* Archive player in footer */
#archive-player-container,
#archivePlayer,
#archivePlayerSource,
#archive-playPauseBtn,
#archive-icon-play,
#archive-icon-pause,
#archiveProgressBar,
#archiveTrackName,
#archiveCurrentTime,
#archiveDuration {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
}

/* Protect header and footer from fading */
header,
footer,
.elementor-location-header,
.elementor-location-footer,
[data-elementor-type="header"],
[data-elementor-type="footer"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Protect fixed bottom bar if present */
.bottom-bar {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Progress bar color variable */
:root {
    --hydefm-accent: #ffffff;
}