/*--------------------------------------------------------------
 * Elementor compatibility overrides.
 *
 * Ensures the theme's design tokens (CSS variables) propagate
 * into Elementor widgets without breaking Elementor defaults.
 *--------------------------------------------------------------*/

/* Elementor sections — inherit theme container width */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--ng-container);
}

/* Full-width template: remove extra padding */
.ng-full-width .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100%;
}

/* Elementor typography inherits theme font */
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--ng-font);
}

/* Theme button styling for Elementor buttons */
.elementor-button-wrapper .elementor-button {
	font-family: var(--ng-font);
	border-radius: var(--ng-radius);
	transition: all var(--ng-transition);
}

/* Elementor forms — consistent styling */
.elementor-field-group .elementor-field {
	border-radius: var(--ng-radius);
	border-color: var(--ng-border);
	font-family: var(--ng-font);
}

.elementor-field-group .elementor-field:focus {
	border-color: var(--ng-primary-light);
	box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15);
}

/* Canvas template — no margin/padding conflicts */
.ng-canvas-template .elementor {
	margin: 0;
	padding: 0;
}

/* Elementor editor — show theme header/footer areas */
.elementor-editor-active .ng-site-header {
	position: relative;
}

/* Ensure global colors work with Elementor's color system */
.e-global-color-primary { color: var(--ng-primary); }
.e-global-color-secondary { color: var(--ng-secondary); }
.e-global-color-text { color: var(--ng-text); }
.e-global-color-accent { color: var(--ng-accent); }

/* Elementor Pro Theme Builder: avoid double headers/footers */
.elementor-location-header + .ng-site-header,
.elementor-location-footer + .ng-site-footer {
	display: none;
}

/* Column gap consistency */
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 16px;
}

/* Image styling inside Elementor */
.elementor-widget-image img {
	border-radius: var(--ng-radius);
}

/* Smooth scroll for anchor links */
.elementor-element [href^="#"] {
	scroll-behavior: smooth;
}

/* Icon box hover effects for service and approach cards */
.elementor-widget-icon-box {
	transition: all var(--ng-transition);
}

.elementor-widget-icon-box:hover {
	box-shadow: var(--ng-shadow-md);
	transform: translateY(-2px);
}

/* Counter widget typography alignment */
.elementor-widget-counter .elementor-counter-number-wrapper {
	font-family: var(--ng-font);
}

/* Icon list consistent spacing */
.elementor-widget-icon-list .elementor-icon-list-item {
	transition: all var(--ng-transition);
}

.elementor-widget-icon-list .elementor-icon-list-item:hover {
	transform: translateX(4px);
}

/* FAQ-style heading hover */
.elementor-widget-heading[data-widget_type="heading.default"] h4 {
	transition: color var(--ng-transition);
}

/* Divider widget consistency */
.elementor-widget-divider .elementor-divider-separator {
	border-color: var(--ng-border);
}

/* Process step numbers */
.elementor-widget-heading .elementor-heading-title[style*="C9A227"] {
	font-family: var(--ng-font);
}