/* Visit Trnovo performance compatibility layer. */

/* Parent Wildex clips style-1 images until GSAP runs. The child uses a small
   native animation instead, so images must remain renderable without GSAP. */
.vt-performance-mode .at-animation-image-style-1 img {
	clip-path: none !important;
}

/* Bootstrap is omitted on Elementor documents. The global footer newsletter
   only needs a tiny form-control baseline from Bootstrap. */
.vt-performance-mode .footer-form .form-control {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: .375rem .75rem;
	font: inherit;
	line-height: 1.5;
	color: inherit;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid currentColor;
	border-radius: .375rem;
	box-sizing: border-box;
}

/* Lightweight reveal states are applied only below the initial viewport by JS,
   so hero/LCP content is never hidden while the page is loading. */
.vt-performance-mode .vt-lite-reveal {
	opacity: 0;
	transform: translate3d(0, 18px, 0);
	transition: opacity .55s ease, transform .55s ease;
	will-change: opacity, transform;
}

.vt-performance-mode .vt-lite-reveal.vt-lite-visible {
	opacity: 1;
	transform: none;
}

.vt-performance-mode .vt-lite-image-reveal img {
	clip-path: inset(0 100% 0 0);
	transition: clip-path .7s cubic-bezier(.2,.7,.2,1);
}

.vt-performance-mode .vt-lite-image-reveal.vt-lite-visible img {
	clip-path: inset(0 0 0 0);
}

@media (prefers-reduced-motion: reduce) {
	.vt-performance-mode .vt-lite-reveal,
	.vt-performance-mode .vt-lite-image-reveal img {
		opacity: 1 !important;
		transform: none !important;
		clip-path: none !important;
		transition: none !important;
	}
}