/* ───────────────────────────────────────────────────────────── Full Page Text Scale Down – Stylesheet ───────────────────────────────────────────────────────────── */ /* Outer container – clips horizontal overflow by default. JS adds .fpsd-overflow-visible to the wrapper when the user selects "Visible" in the panel. */ .pretpot-full-page-scale-down { position: relative; width: 100%; overflow-x: hidden; /* default; overridden by modifier below */ } .pretpot-full-page-scale-down.fpsd-overflow-visible { overflow-x: visible; } /* Inner wrapper: full-viewport flex-centred stage */ .pretpot-fpsd-text-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; /* overridden by Elementor slider */ overflow: hidden; /* background-color / gradient set inline by PHP when a gradient end-colour is configured, otherwise the Elementor color selector writes background-color via selectors. */ } /* The text element itself */ .pretpot-fpsd-text { display: inline-block; text-align: center; font-weight: 700; line-height: 1; white-space: nowrap; /* default; Elementor selector can override */ word-break: keep-all; pointer-events: none; user-select: none; margin: 0; padding: 0; /* No CSS transition — JS drives every frame via rAF for butter-smooth bidirectional scrubbing. */ will-change: font-size; } .pretpot-fpsd-text * { margin: 0; padding: 0; } /* Applied to when overflow-x must be suppressed globally (e.g. when the text spills outside its container at giant sizes) */ .fpsd-no-horizontal-scroll { overflow-x: hidden !important; }