/*
 * Accordion title icons (feature elementor_accordion_title_icons).
 *
 * The widget's "Title Icon" style controls set the --anwert-ati-* custom
 * properties on the widget wrapper, whose generated selector outranks the
 * defaults below. Resetting them on every accordion keeps a nested accordion
 * from inheriting its parent's values. Colors fall back to Elementor's own
 * title colors per state.
 */
.elementor-widget-n-accordion {
	--anwert-ati-order: 0;
	--anwert-ati-spacing: 0.5em;
	--anwert-ati-size: 1em;
	--anwert-ati-offset: 0px;
	--anwert-ati-normal-color: var(--n-accordion-title-normal-color);
	--anwert-ati-hover-color: var(--n-accordion-title-hover-color);
	--anwert-ati-active-color: var(--n-accordion-title-active-color);
}

.elementor-widget-n-accordion .e-n-accordion-item-title-header[data-anwert-ati] {
	align-items: center;
	gap: var(--anwert-ati-spacing);
}

.elementor-widget-n-accordion .anwert-accordion-title-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	order: var(--anwert-ati-order);
	font-size: var(--anwert-ati-size);
	line-height: 1;
	color: var(--anwert-ati-normal-color);
	transform: translateY(var(--anwert-ati-offset));
	transition: color 0.3s;
}

.elementor-widget-n-accordion .anwert-accordion-title-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover .anwert-accordion-title-icon {
	color: var(--anwert-ati-hover-color);
}

.elementor-widget-n-accordion .e-n-accordion-item[open] > .e-n-accordion-item-title .anwert-accordion-title-icon {
	color: var(--anwert-ati-active-color);
}