/**
 * Reading Progress Bar Styles
 *
 * @package AdditionalFunctions
 */

#reading-progress-bar {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0%;
	height: var(--reading-progress-bar-height, 4px);
	background: var(--reading-progress-bar-color, var(--e-global-color-590f466));
	z-index: var(--reading-progress-bar-z-index, 999);
	transition: width 0.2s ease-out;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
	#reading-progress-bar {
		height: 5px;
		bottom: -5px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	}
}