/*
 * Small site-wide integrations for shared Elementor templates.
 * Keep page-specific adjustments scoped to WordPress body classes.
 */

/* Light-banner pages need the blue header treatment. */
body:is(.page-id-198, .page-id-304) .main-header .client-logo svg path {
	fill: var(--e-global-color-primary, #1368de);
}

body:is(.page-id-198, .page-id-304) .main-header .elementor-widget-n-menu {
	--n-menu-title-color-normal: var(--e-global-color-primary, #1368de);
	--n-menu-title-color-active: var(--e-global-color-primary, #1368de);
	--n-menu-title-color-hover: var(--e-global-color-accent, #ff9100);
	--n-menu-toggle-icon-color: var(--e-global-color-primary, #1368de);
}

body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-toggle,
body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-dropdown-icon,
body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-icon {
	color: var(--e-global-color-primary, #1368de);
}

body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-toggle svg,
body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-dropdown-icon svg,
body:is(.page-id-198, .page-id-304) .main-header .e-n-menu-icon svg {
	fill: currentColor;
}

/*
 * Elementor 4.2's generic Nested Tabs rule can override the active background
 * selected on the widget when an Elementor template is rendered by shortcode.
 */
body.single-product.event-product
	.tabbed-content
	.e-n-tab-title[aria-selected="true"] {
	background: #f5f7f8 !important;
	color: var(--e-global-color-primary, #1368de);
}

/*
 * Elementor's entrance animation leaves a transform on the booking image
 * column. That transform becomes the containing block for the sticky image,
 * making it shift and scroll out of position instead of following the form.
 */
@media (min-width: 768px) {
	body.single-product.event-product #book .img-col.scroll-animate {
		overflow: visible !important;
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}