/**
 * Elementor Color Overrides
 * Override hardcoded colors in Elementor-generated styles with CSS variables
 * Note: Uses generic component selectors (no specific element IDs) so updates persist
 */

/* Icon List Icons - Override with primary color */
.elementor-icon-list-icon svg {
    fill: var(--primary-color) !important;
}

.elementor-icon-list-icon {
    color: var(--primary-color) !important;
}

/* Accordion Items - Open state */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
    background: var(--dark-color) !important;
    color: var(--white-color) !important;
}

/* Accordion Items - Closed state */
.e-n-accordion-item:not([open]) > .e-n-accordion-item-title {
    background: transparent !important;
    color: var(--dark-color) !important;
}

/* Accordion Content - Same background as title */
.e-n-accordion-item > .e-con {
    background-color: var(--dark-color) !important;
}

/* Stacked Icon Box - Background color only */
.elementor-view-stacked .elementor-icon {
    background-color: var(--dark-color) !important;
}

/* Add more Elementor component overrides below (use generic selectors, not element IDs) */