/* Scroll Progress Bar */
.scroll-progress {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, var(--primary-color, #ff6b35), #ff8c5a);
    z-index: 9997 !important;
    border-radius: 0 0 2px 2px;
    transition: height 0.1s ease;
    box-shadow: 0 0 5px rgba(255,107,53,0.3);
    cursor: pointer;
    pointer-events: auto !important;
    display: block !important;
    visibility: visible !important;
}

.scroll-progress:hover {
    width: 10px;
    transition: width 0.2s ease, height 0.1s ease;
}

.scroll-progress:active {
    width: 12px;
    transition: width 0.1s ease, height 0.1s ease;
}

@media (max-width: 768px) {
    .scroll-progress {
        width: 4px;
    }

    .scroll-progress:hover {
        width: 8px;
    }

    .scroll-progress:active {
        width: 10px;
    }
}