/*
 * RatedTunes Frontend v2 / Layout 2 waveform + orb restore.
 *
 * Restores:
 * - visible WaveSurfer waveform
 * - vertical playhead line
 * - glowing orb on waveform
 *
 * Depends on:
 * public/js/rt-layout2-legacy-player.js
 */

.audioplayer #waveform,
.audioplayer_waveform_inner#waveform {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 10 !important;
}

/* WaveSurfer v6 DOM */
.audioplayer #waveform wave {
    display: block !important;
    position: relative !important;
    height: 50px !important;
    min-height: 50px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 11 !important;
}

.audioplayer #waveform canvas {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(1.65) contrast(1.25) saturate(1.3) !important;
}

/* Layout 2 playhead vertical line */
/* #rt-wave-playhead {
    position: absolute !important;
    top: -8px !important;
    left: 0;
    width: 2px !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    background: linear-gradient(
        to bottom,
        rgba(0, 240, 255, 0),
        rgba(0, 240, 255, 0.95),
        rgba(255, 255, 255, 0.95),
        rgba(0, 240, 255, 0.95),
        rgba(0, 240, 255, 0)
    ) !important;

    box-shadow:
        0 0 8px rgba(0, 240, 255, 0.95),
        0 0 18px rgba(0, 180, 255, 0.75) !important;

    transform: translateX(-1px) !important;
    pointer-events: none !important;
    z-index: 9000 !important;
} */

/* Layout 2 glowing orb */
/* #rt-wave-playhead-orb {
    position: absolute !important;
    top: -10px !important;
    left: 0;

    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;

    background:
        radial-gradient(circle at 35% 35%, #ffffff 0%, #aaf6ff 24%, #00dfff 58%, #0077ff 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.9) !important;

    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.95),
        0 0 16px rgba(0, 240, 255, 0.95),
        0 0 30px rgba(0, 120, 255, 0.75) !important;

    transform: translateX(-7px) !important;
    pointer-events: none !important;
    z-index: 9001 !important;
} */






/* 
#waveform {
    position: relative !important;
    overflow: visible !important;
    width: 100% !important;
    min-width: 0 !important;
} */

#rt-wave-playhead-orb {
    position: absolute !important;
    top: -10px !important;
    left: 0;
    width: 8px !important;
    height: 8px !important;
    transform: translate(-60%, -40%) !important;
    border-radius: 50% !important;
    background: #4ff3ff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow:
        0 0 14px rgba(0, 229, 255, 1),
        0 0 34px rgba(0, 229, 255, 0.95),
        0 0 64px rgba(0, 229, 255, 0.62),
        0 0 96px rgba(0, 229, 255, 0.28);
    z-index: 1000000 !important;
    pointer-events: none !important;
}

#rt-wave-playhead {
    top: -12px !important;
    height: 84px !important;
}





/* Keep player active state visible for the playhead script */
body.rt-player-active #rt-wave-playhead,
body.rt-player-active #rt-wave-playhead-orb {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Controls must stay clickable above waveform */
.audioplayer_controls,
.audioplayer_away,
.audioplayer_meta {
    position: relative !important;
    z-index: 10000 !important;
}

/*
 * RatedTunes visible waveform canvas.
 * This is the guaranteed visible waveform layer drawn from backend waveform.data.
 */
#rt-visible-waveform-canvas {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 50 !important;
}

#rt-wave-playhead {
    z-index: 9000 !important;
}

#rt-wave-playhead-orb {
    z-index: 9001 !important;
}

/*
 * RatedTunes Frontend v2 / force visible waveform layer.
 * Keep this canvas above WaveSurfer canvases, below playhead/orb.
 */
#rt-visible-waveform-canvas {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    pointer-events: none !important;
    z-index: 8000 !important;
    background: rgba(0, 220, 255, 0.08) !important;
}

#rt-wave-playhead {
    z-index: 9000 !important;
}

#rt-wave-playhead-orb {
    z-index: 9001 !important;
}

/*
 * Restore native Layout 2 / WaveSurfer waveform.
 *
 * Do not remove renderer code with regex anymore.
 * Just hide temporary custom overlay canvas.
 */
#rt-visible-waveform-canvas {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Native WaveSurfer v6 waveform must stay visible. */
.audioplayer #waveform wave,
.audioplayer #waveform wave canvas,
.audioplayer #waveform canvas:not(#rt-visible-waveform-canvas) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Keep old Layout 2 playhead/orb above native waveform. */
#rt-wave-playhead {
    z-index: 9000 !important;
}

#rt-wave-playhead-orb {
    z-index: 9001 !important;
}

/*
 * Native WaveSurfer waveform restore.
 * Hide temporary custom waveform overlay without touching JSX.
 */
#rt-visible-waveform-canvas {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.audioplayer #waveform wave,
.audioplayer #waveform wave canvas,
.audioplayer #waveform canvas:not(#rt-visible-waveform-canvas) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}