/* ============================================================
   components/icons.css — custom SVG icon set (.dd-icon)
   Rendered by the {% icon %} tag; single color via currentColor,
   sized in em so it tracks the surrounding text. See dd_icons.py.
   ============================================================ */

.dd-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.18em;
  flex-shrink: 0;
  color: inherit;            /* currentColor flows into the sprite */
  pointer-events: none;
}

/* The sprite symbols already set stroke/fill; this is a safety net for
   any inline icon that forgot to. */
.dd-icon use { color: inherit; }

/* Sizes (override the em default where a fixed size reads better). */
.dd-icon--sm { width: 1em; height: 1em; }
.dd-icon--lg { width: 1.6em; height: 1.6em; }
.dd-icon--xl { width: 2.25em; height: 2.25em; }