/*
Theme Name: Plinth (Divi Child)
Theme URI: https://plinthstudio.oddmethod.xyz
Description: Divi child theme for Plinth Studio — design-token overrides and GSAP scroll animations.
Author: Plinth Studio
Template: Divi
Version: 1.0.0
*/

/*
 * .pl-marquee: infinite horizontal ticker.
 * plinth-gsap.js clones the first child, appends it as a sibling, then animates
 * both children by xPercent:-100 in an infinite loop. That only reads as a
 * seamless scroll if this element lays its children out side-by-side (not
 * stacked) and clips the overflow — Divi sections default to a column flex
 * layout, so this override is required.
 */
.pl-marquee {
	display: flex !important;
	flex-direction: row !important;
	overflow: hidden !important;
	flex-wrap: nowrap !important;
}
.pl-marquee > * {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	width: auto !important;
}
/* The cloned child is Divi's row -> column -> heading chain. Each level defaults
 * to width:100% (Divi's row/column sizing system), which leaves a huge empty
 * dead-zone around the centered text — force every level to hug its own
 * content instead, so two copies sit back-to-back with no gap. */
.pl-marquee .et_pb_row {
	width: auto !important;
	max-width: none !important;
	flex-shrink: 0 !important;
}
.pl-marquee .et_pb_column {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
}
.pl-marquee .et_pb_module {
	width: auto !important;
}