/**
 * Shared scroll-reveal transitions for Elementor widgets.
 */

html.obc-scroll-reveal-enabled .obc-reveal,
html.obc-scroll-reveal-enabled .obc-reveal-item {
	transition:
		opacity var(--transition-slow),
		transform var(--transition-slow);
}

html.obc-scroll-reveal-enabled .obc-reveal:not(.is-visible),
html.obc-scroll-reveal-enabled .obc-reveal-item:not(.is-visible) {
	opacity: 0;
	transform: translateY(1.25rem);
}

html.obc-scroll-reveal-enabled .obc-reveal.is-visible,
html.obc-scroll-reveal-enabled .obc-reveal-item.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Elementor editor preview: reveal targets must stay visible while editing */
html.obc-scroll-reveal-enabled body.elementor-editor-preview .obc-reveal-item:not(.is-visible),
html.obc-scroll-reveal-enabled body.elementor-editor-preview .obc-reveal:not(.is-visible),
html.obc-scroll-reveal-enabled body.elementor-editor-active .obc-reveal-item:not(.is-visible),
html.obc-scroll-reveal-enabled body.elementor-editor-active .obc-reveal:not(.is-visible),
html.obc-scroll-reveal-enabled .elementor-editor-preview .obc-reveal-item:not(.is-visible),
html.obc-scroll-reveal-enabled .elementor-editor-preview .obc-reveal:not(.is-visible) {
	opacity: 1;
	transform: none;
	transition: none;
}

@media (prefers-reduced-motion: reduce) {
	html.obc-scroll-reveal-enabled .obc-reveal,
	html.obc-scroll-reveal-enabled .obc-reveal-item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
