/* ==========================================================================
   Aramiss PC — Elementor compatibility
   Keeps Elementor rows/widgets aligned with the theme container, type scale
   and spacing so every Aramiss widget looks identical to the classic templates.
   ========================================================================== */

/* ---------- Layout widths ---------- */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--container);
}

.elementor .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--container) !important;
}

.elementor-section.elementor-section-full_width > .elementor-container {
	max-width: none;
	width: 100%;
}

/* Columns that hold an Aramiss widget must not carry Elementor's gutters,
   otherwise the inner .container would no longer line up with the rest
   of the page. :has() degrades gracefully on older browsers. */
.elementor-column.elementor-element-populated:has(> .elementor-widget-wrap .elementor-widget[class*="elementor-widget-aramiss"]) {
	padding: 0 !important;
}

/* ---------- Widget chrome ---------- */
.elementor .elementor-widget[class*="elementor-widget-aramiss"],
.elementor-page .elementor-widget[class*="elementor-widget-aramiss"] {
	margin: 0;
	padding: 0;
	font-family: var(--font);
}

.elementor .elementor-widget[class*="elementor-widget-aramiss"] .elementor-widget-container,
.elementor-page .elementor-widget[class*="elementor-widget-aramiss"] .elementor-widget-container {
	margin: 0;
	padding: 0;
}

/* ---------- Section spacing ----------
   In the classic homepage the hero is the first child of <main>, so
   `.section:first-child` never matched. Inside Elementor every section sits
   alone in its own wrapper and would match, killing the top spacing. */
.elementor .elementor-widget-container > .section:first-child,
.elementor-page .elementor-widget-container > .section:first-child {
	padding-top: 44px;
}

@media (max-width: 768px) {
	.elementor .elementor-widget-container > .section:first-child,
	.elementor-page .elementor-widget-container > .section:first-child {
		padding-top: 34px;
	}
}

/* The double band keeps its tighter gap below the promo banner. */
.elementor .elementor-widget-container > .section.section-double:first-child,
.elementor-page .elementor-widget-container > .section.section-double:first-child {
	padding-top: 12px;
}

@media (max-width: 768px) {
	.elementor .elementor-widget-container > .section.section-double:first-child,
	.elementor-page .elementor-widget-container > .section.section-double:first-child {
		padding-top: 8px;
	}
}

/* ---------- Icons from the Elementor icon library ---------- */
.feature-icon i,
.feature-icon svg {
	width: 26px;
	height: 26px;
	font-size: 24px;
	line-height: 1;
}

.hero-feature-icon i,
.hero-feature-icon svg {
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 1;
}

/* ---------- Editor placeholders ---------- */
.aramisspc-editor-notice {
	padding: 22px 18px;
	border: 1.5px dashed var(--c-border);
	border-radius: var(--radius);
	background: var(--c-bg-soft);
	color: var(--c-text-soft);
	font-size: 13.5px;
	text-align: center;
}