/* PJAX Navigation Loading Bar */
#pjax-loading-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 3px;
	background: var(--c-primary, #ff3b3b);
	box-shadow: 0 0 10px var(--c-primary, #ff3b3b), 0 0 5px var(--c-primary, #ff3b3b);
	z-index: 999999;
	transition: width 300ms ease, opacity 300ms ease;
	opacity: 0;
	pointer-events: none;
}
#pjax-loading-bar.pjax-active {
	opacity: 1;
}
#pjax-loading-bar.pjax-finishing {
	width: 100% !important;
}

/* Optional: Slight fade out effect on the main content area while loading */
.social-content.pjax-loading {
	opacity: 0.6;
	transition: opacity 200ms;
}
.social-content {
	transition: opacity 200ms;
}