/**
 * Reading Progress Bar - Elementor Compatible
 * Uses very high z-index to appear above Elementor headers
 */

#pcb-progress-bar,
.pcb-progress-bar {
    --pcb-progress-color: #0066cc;
    --pcb-progress-height: 3px;
    --pcb-progress-zindex: 999999;
    
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 0%;
    height: var(--pcb-progress-height) !important;
    background: var(--pcb-progress-color) !important;
    z-index: var(--pcb-progress-zindex) !important;
    transition: width 0.1s ease-out;
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

#pcb-progress-bar.pcb-progress-bar--top,
.pcb-progress-bar.pcb-progress-bar--top {
    top: 0 !important;
    bottom: auto !important;
}

#pcb-progress-bar.pcb-progress-bar--bottom,
.pcb-progress-bar.pcb-progress-bar--bottom {
    bottom: 0 !important;
    top: auto !important;
}

/* Optional glow effect */
#pcb-progress-bar::after,
.pcb-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4));
    opacity: 0;
    transition: opacity 0.3s;
}

/* Hide on print */
@media print {
    #pcb-progress-bar,
    .pcb-progress-bar {
        display: none !important;
    }
}