/**
 * Zo Reading Progress Bar - public styles
 * https://featherstudio.rs
 */

.zo-reading-bar {
	display: none; /* shown by JS after init */
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999999;

	/* Reset browser default <progress> appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;

	/* Fade in when JS sets display:block */
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Visible state added by JS */
.zo-reading-bar.is-visible {
	opacity: 1;
}

/* WebKit: track */
.zo-reading-bar::-webkit-progress-bar {
	background-color: transparent;
}

/* WebKit: fill – transition handled via inline <style> injected by JS
   so per-site colours & gradient can be applied dynamically */
.zo-reading-bar::-webkit-progress-value {
	background-color: #0073aa; /* fallback, overridden by JS */
}

/* Firefox */
.zo-reading-bar::-moz-progress-bar {
	background-color: #0073aa; /* fallback, overridden by JS */
}

/* ─── Estimated reading time badge ─────────────────────────────────── */
.zo-reading-eta {
	position: fixed;
	bottom: 12px;
	right: 16px;
	z-index: 9999998;
	font-size: 0.75rem;
	line-height: 1;
	padding: 4px 8px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.zo-reading-eta.is-visible {
	opacity: 1;
}