/* Shared inline SVG sprite (see #svg-sprite-inline in each page) */
svg[data-icon] {
  display: inline-block;
  vertical-align: middle;
}

svg[data-icon] > use {
  pointer-events: none;
}

/*
 * Sprite <use> shadow trees don't receive Wix's [data-color] CSS selectors.
 * Set fill on <use> so it cascades into symbol paths (overrides inline black).
 */
svg[data-type="color"] > use,
#comp-lzdpq307 svg > use,
#comp-lzdp5mzz svg > use,
#SITE_HEADER svg[data-type="color"] > use,
#SITE_FOOTER svg[data-type="color"] > use {
  fill: #18908F;
}

/* Homepage hero decoration (Wix comp-lzdp6bzs uses --fill:#18908F) */
svg[data-icon="decoration-home-hero"] > use,
#comp-lzdp6bzs svg > use {
  fill: #18908F;
}

/* Blog header / share icons (Wix used currentColor + theme teal) */
svg.Eueaet > use,
.jMrgc4 > use,
.blog-desktop-header-search-icon-fill > use,
.blog-header-widget-icon-fill > use,
.vx8ar > use {
  fill: rgb(var(--color_18, 24, 144, 143));
}

svg.Eueaet {
  color: rgb(var(--color_18, 24, 144, 143));
}

/* Expand/share link icons with hardcoded black in symbol source */
svg[data-icon="icon-cba97aba6d"] > use,
svg[data-icon="icon-e1f6fa5015"] > use {
  fill: rgb(var(--color_18, 24, 144, 143));
}
