/**
 * Event-context bridge for native Elementor widgets.
 *
 * Design-system stylesheets own `.sanaa-*` components; native widgets
 * (heading, text editor, icon box, button…) never consume --sanaa-*
 * tokens, so an event page built in the editor would render in kit
 * styling instead of the event's brand. These rules map the common
 * native widgets onto the resolved tokens wherever an event context
 * is active (body carries sanaa-ds-*).
 *
 * Specificity is a plain two-class descendant — it beats Elementor's
 * kit defaults but yields to explicit per-widget style settings, which
 * emit `.elementor-element-{id} …` rules later in the cascade.
 */

/* ---------- typography ---------- */

body[class*='sanaa-ds-'] .elementor-widget-heading .elementor-heading-title,
body[class*='sanaa-ds-'] .elementor-widget-icon-box .elementor-icon-box-title,
body[class*='sanaa-ds-'] .elementor-widget-icon-box .elementor-icon-box-title a,
body[class*='sanaa-ds-'] .elementor-widget-toggle .elementor-tab-title,
body[class*='sanaa-ds-'] .elementor-widget-accordion .elementor-tab-title,
body[class*='sanaa-ds-'] .elementor-widget-counter .elementor-counter-number-wrapper {
	font-family: var(--sanaa-font-heading);
	font-weight: var(--sanaa-heading-weight);
	letter-spacing: var(--sanaa-heading-tracking);
	text-transform: var(--sanaa-heading-transform);
	color: var(--sanaa-heading-color);
}

body[class*='sanaa-ds-'] .elementor-widget-text-editor,
body[class*='sanaa-ds-'] .elementor-widget-icon-box .elementor-icon-box-description,
body[class*='sanaa-ds-'] .elementor-widget-icon-list .elementor-icon-list-text,
body[class*='sanaa-ds-'] .elementor-widget-toggle .elementor-tab-content,
body[class*='sanaa-ds-'] .elementor-widget-accordion .elementor-tab-content,
body[class*='sanaa-ds-'] .elementor-widget-counter .elementor-counter-title {
	color: var(--sanaa-text);
}

body[class*='sanaa-ds-'] .elementor-widget-text-editor a,
body[class*='sanaa-ds-'] .elementor-widget-icon-list a {
	color: var(--sanaa-primary);
}

body[class*='sanaa-ds-'] .elementor-widget-text-editor a:hover,
body[class*='sanaa-ds-'] .elementor-widget-icon-list a:hover {
	color: var(--sanaa-accent);
}

/* ---------- buttons ---------- */

/* Kit defaults land on .elementor-button at equal specificity and load
   later — the scope prefix is what actually lets the brand through. */
body[class*='sanaa-ds-'] .elementor-button {
	color: var(--sanaa-button-text);
	background: var(--sanaa-button-bg);
	border-color: var(--sanaa-button-back);
	border-radius: var(--sanaa-radius-button);
	font-family: var(--sanaa-font-accent);
}

body[class*='sanaa-ds-'] .elementor-button:hover {
	color: var(--sanaa-button-hover-text);
	background: var(--sanaa-button-hover-bg);
	border-color: var(--sanaa-button-hover-bg);
}

/* ---------- icon widgets ---------- */

body[class*='sanaa-ds-'] .elementor-icon-box-icon .elementor-icon,
body[class*='sanaa-ds-'] .elementor-icon-list-icon {
	color: var(--sanaa-primary);
}

body[class*='sanaa-ds-'] .elementor-icon-box-icon .elementor-icon svg,
body[class*='sanaa-ds-'] .elementor-icon-list-icon svg {
	fill: var(--sanaa-primary);
}

body[class*='sanaa-ds-'] .elementor-icon-list-item + .elementor-icon-list-item {
	border-top-color: var(--sanaa-border);
}

/* ---------- counters ---------- */

body[class*='sanaa-ds-'] .elementor-counter .elementor-counter-number {
	font-family: var(--sanaa-font-heading);
	font-weight: var(--sanaa-heading-weight);
	color: var(--sanaa-heading-color);
}

body[class*='sanaa-ds-'] .elementor-counter .elementor-counter-title {
	color: var(--sanaa-text-muted);
	font-weight: 600;
}

/* ---------- toggle / accordion ---------- */

body[class*='sanaa-ds-'] .elementor-toggle .elementor-tab-title,
body[class*='sanaa-ds-'] .elementor-accordion .elementor-tab-title {
	border-color: var(--sanaa-border);
}

body[class*='sanaa-ds-'] .elementor-toggle-icon,
body[class*='sanaa-ds-'] .elementor-accordion-icon {
	color: var(--sanaa-primary);
}

body[class*='sanaa-ds-'] .elementor-toggle-icon svg,
body[class*='sanaa-ds-'] .elementor-accordion-icon svg {
	fill: var(--sanaa-primary);
}