/* LIS Icons (bigmomo-blocks library): surface vs contrast by section/hero tone. */

.bm-icon--toned {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.bm-icon--toned .bm-icon__tone {
  display: none;
  line-height: 0;
}

.bm-icon--toned .bm-icon__tone--surface {
  display: inline-flex;
}

.bm-icon--toned .bm-icon__tone svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Explicit contrast backgrounds from bigmomo-blocks */
.bm-section--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.bm-text-columns--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.bm-grid-cards--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.bm-media-content--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.bm-grid-logos--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.bm-metrics--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.content-hero--bg-contrast .bm-icon--toned > .bm-icon__tone--surface,
.content-hero--bg-dark .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-dark .content-hero .bm-icon--toned > .bm-icon__tone--surface {
  display: none;
}

.bm-section--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.bm-text-columns--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.bm-grid-cards--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.bm-media-content--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.bm-grid-logos--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.bm-metrics--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.content-hero--bg-contrast .bm-icon--toned > .bm-icon__tone--contrast,
.content-hero--bg-dark .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-dark .content-hero .bm-icon--toned > .bm-icon__tone--contrast {
  display: inline-flex;
}

/*
 * LIS text-columns alternate dark section backgrounds (blue-dark).
 * Icons sitting on light cards stay on surface (cyan / light gradient).
 */
.content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-light .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(odd) .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-dark .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-icon--toned > .bm-icon__tone--surface,
.main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-light .main > .bm-text-columns.bm-text-columns:nth-of-type(odd) .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-dark .main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-icon--toned > .bm-icon__tone--surface {
  display: none;
}

.content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-light .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(odd) .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-dark .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-icon--toned > .bm-icon__tone--contrast,
.main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-light .main > .bm-text-columns.bm-text-columns:nth-of-type(odd) .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-dark .main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-icon--toned > .bm-icon__tone--contrast {
  display: inline-flex;
}

/* Cards on dark sections are light — keep surface icons readable */
.content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-light .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(odd) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-dark .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface,
.main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-light .main > .bm-text-columns.bm-text-columns:nth-of-type(odd) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface,
.has-content-hero-variant-dark .main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--surface {
  display: inline-flex;
}

.content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-light .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(odd) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-dark .content-singular__blocks > .bm-text-columns.bm-text-columns:nth-child(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast,
.main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-light .main > .bm-text-columns.bm-text-columns:nth-of-type(odd) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast,
.has-content-hero-variant-dark .main > .bm-text-columns.bm-text-columns:nth-of-type(even) .bm-text-column__image .bm-icon--toned > .bm-icon__tone--contrast {
  display: none;
}
