/* Child-only structural fixes for legacy service templates. */
.enjaz-ad-campaign-hero .hero-title {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 800;
	line-height: 1.15;
}

@media (max-width: 640px) {
	.enjaz-ad-campaign-hero .hero-title {
		font-size: clamp(2.25rem, 11vw, 3.25rem);
	}
}

/* The inherited social-media stylesheet sets RTL on body globally. Keep the
 * Arabic service intact, but restore the English document and navigation to
 * their real LTR geometry so the hidden mega menu cannot widen the viewport. */
html[dir="ltr"] body.enjaz-v2:has(.enjaz-social-media-page) {
	direction: ltr !important;
	text-align: left !important;
}

html[dir="ltr"] body.enjaz-v2:has(.enjaz-social-media-page) .enjaz-social-media-page {
	direction: ltr !important;
	text-align: left !important;
}

/*
 * Legacy service templates used several unrelated scroll-animation systems.
 * They all hid real content with opacity:0 before an observer fired, which
 * produced empty sections in full-page captures, reduced-motion mode and in
 * some browser timing conditions. The Enjaz experience keeps motion in the
 * global progressive-enhancement layer, so inherited card reveals must remain
 * readable and stable by default.
 */
.enjaz-v2 .enjaz-social-media-page :where(
	.service-card.stagger,
	.problem-card.stagger,
	.advantage-card.stagger,
	.enhanced-service-card.stagger,
	.additional-service.stagger
),
.enjaz-v2 .google-ads-page :where(
	.service-card,
	.process-step,
	.stat-item
),
.enjaz-v2 .seo-service-page :where(
	.fade-in,
	.slide-in-left,
	.slide-in-right
),
.enjaz-v2 .cro-service-page .reveal,
.enjaz-v2 .enjaz-service-shell > .page-wrapper .animate-on-scroll,
body.enjaz-v2 .enhanced-service-card.stagger {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	animation-name: none !important;
	animation-delay: 0s !important;
	transition-delay: 0s !important;
}

.enjaz-v2 .enjaz-service-shell > .page-wrapper :where(
	.glass-card,
	.feature-card,
	.website-type-card,
	.timeline-item,
	.faq-item
) {
	will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
	.enjaz-v2 .enjaz-service-shell :where(
		.stagger,
		.fade-in,
		.slide-in-left,
		.slide-in-right,
		.reveal,
		.animate-on-scroll
	) {
		scroll-behavior: auto !important;
		animation: none !important;
		transition: none !important;
	}
}