/* ===== SCROLL PROGRESS BAR STYLES ===== */

/* Scroll Progress Bar */
#scroll-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--link-color), var(--link-hover));
    width: 0%;
    transition: width 0.1s ease, opacity 0.3s ease;
    z-index: 1060;
    opacity: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

[data-theme="dark"] #scroll-progress-bar {
    background: linear-gradient(90deg, var(--link-color), #4a90e2) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Enhanced progress bar with animated glow effect */
#scroll-progress-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100px;
    width: 100px;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% { left: -100px; }
    100% { left: 100%; }
}

[data-theme="dark"] #scroll-progress-bar::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

/* Pulse effect when progress changes */
.progress-pulse {
    animation: progressPulse 0.3s ease-out;
}

@keyframes progressPulse {
    0% { 
        transform: scaleY(1);
        filter: brightness(1);
    }
    50% { 
        transform: scaleY(1.5);
        filter: brightness(1.2);
    }
    100% { 
        transform: scaleY(1);
        filter: brightness(1);
    }
}