.loading-bar {
    position: absolute; /* ❗ fixed değil artık */
    top: 0;
    left: 52px;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #007bff 30%, #66b2ff 50%, #007bff 70%);
    background-size: 200% auto;
    animation: loadingSlide 1s linear infinite;
    z-index: 999;
}

.overlay-blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 37, 41, 0.5); /* koyu şeffaf */
    z-index: 998; /* loading-bar 999 olmalı */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1px);
}

@keyframes loadingSlide {
    from {
        background-position: 200% center;
    }

    to {
        background-position: -200% center;
    }
}