/*
Theme Name: Sofia – Hello Elementor Child
Template: hello-elementor
Description: Minimal child theme for the Sofia Bookkeeping template. All design lives in Elementor (Site Settings, page content and the header/footer templates). This theme only shows the Elementor-built "Page Not Found" page for 404 errors.
Version: 1.1.0
Text Domain: sofia-child
*/

/* ------------------------------------------------------------------
   Moving background words
   Add the CSS class "sofia-marquee" to a Heading widget (Advanced > CSS Classes).
   Write the phrase twice in the heading so the loop is seamless.
   ------------------------------------------------------------------ */
.sofia-marquee {
	flex-shrink: 0;
	width: max-content !important;
	max-width: none !important;
}
.sofia-marquee .elementor-heading-title {
	white-space: nowrap;
	display: inline-block;
	will-change: transform;
	animation: sofia-marquee 70s linear infinite;
}
@keyframes sofia-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.sofia-marquee .elementor-heading-title { animation: none; }
}