/* CV Motion: supporting styles. Colours follow the Elementor variables or the block theme palette (Accent), whichever the page uses. */

/* Name waits, hidden, until it is split into letters. */
html.cvm-js .cvm-name,
html.cvm-js .elementor h1.e-heading-base { visibility: hidden; }

/* Reading-progress bar along the top edge. */
.cvm-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--cv-accent, var(--wp--preset--color--accent-1, #23395B));
	transform: scaleX(0);
	transform-origin: 0 50%;
	z-index: 9999;
	pointer-events: none;
}

/* Section rules that draw themselves (Elementor page; in the block editor the separator block is used). */
.cvm-rule {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: var(--cv-accent, var(--wp--preset--color--accent-1, #23395B));
	transform: scaleX(0);
	transform-origin: 0 50%;
	pointer-events: none;
}