/*
Theme Name: FusePage
Theme URI: https://fusepage.ca
Description: FusePage child theme for Ollie — The Lit Fuse brand. Light-first, Night-anchored. Start small. Burn bright.
Author: FusePage
Template: ollie
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fusepage
*/

/* --- Wordmark (inline SVG inherits currentColor; full stop is Spark Gold in the file) --- */
.fp-wordmark svg {
	height: 26px;
	width: auto;
	display: block;
}

.fp-footer .fp-wordmark svg {
	height: 22px;
}

.fp-mark svg {
	height: 44px;
	width: auto;
	display: block;
}

/* --- The travelling spark: one per page, hero only, reduced-motion guarded --- */
.fp-sparkline {
	position: relative;
	height: 2px;
	background: color-mix(in srgb, var(--wp--preset--color--main-accent) 35%, transparent);
	overflow: visible;
}

.fp-sparkline::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--primary-alt);
	box-shadow: 0 0 12px 2px color-mix(in srgb, var(--wp--preset--color--primary-alt) 70%, transparent);
	transform: translate(0, -50%);
}

@media (prefers-reduced-motion: no-preference) {
	.fp-sparkline::after {
		animation: fp-travel 6s ease-in-out infinite;
	}

	@keyframes fp-travel {
		0% { left: 0%; }
		55% { left: 100%; }
		100% { left: 100%; }
	}
}

/* --- WPForms submit inherits the brand button (it ignores theme.json) --- */
.wpforms-container button[type="submit"],
.wpforms-container .wpforms-submit {
	background-color: var(--wp--preset--color--primary-alt) !important;
	border: none !important;
	color: var(--wp--preset--color--main) !important;
	font-weight: 500;
	border-radius: 6px;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
	background-color: var(--wp--preset--color--main) !important;
	color: var(--wp--preset--color--base) !important;
}

/* --- Lit mark on hover for interactive cards (unlit shown by default, lit on hover) --- */
.fp-litswap .fp-lit { display: none; }
.fp-litswap:hover .fp-lit, .fp-litswap:focus-within .fp-lit { display: block; }
.fp-litswap:hover .fp-unlit, .fp-litswap:focus-within .fp-unlit { display: none; }