/**
 * Buggy UI - Inline SVG Icons (iPhone-safe)
 *
 * Purpose: Standardize icon sizing/alignment and provide a runtime upgrade path
 *          from icon-font <i> tags to inline SVG sprites.
 *
 * Dependencies:
 * - Works with /images/icons/svg/bootstrap-icons.svg
 * - Works with /images/icons/svg/fontawesome-*.svg
 */

.buggy-inline-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex-shrink: 0;
  fill: currentColor;
  color: inherit;
}

/* When we upgrade icon-font <i> tags at runtime, suppress the font glyph. */
.buggy-icon-upgraded::before,
.buggy-icon-upgraded::after {
  content: none !important;
}

/* Guard against icon-font pseudo-elements leaking into SVGs. */
.buggy-inline-icon::before,
.buggy-inline-icon::after {
  content: none !important;
}

.buggy-inline-icon > use,
.buggy-inline-icon > path,
.buggy-inline-icon > g {
  pointer-events: none;
}