/* ==================== PAGE LOADING BAR ==================== */

/* Subtle top loading bar */
.page-loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #d946ef, #8b5cf6, #3b82f6);
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
    z-index: 2000;
    transition: width 0.3s ease, opacity 0.2s ease;
    opacity: 0;
}

.page-loading-bar.show {
    opacity: 1;
}