/*
 * VEXURA — global site stylesheet
 * Loaded after lucide.css on every page.
 */

/* ── Icon alignment fix ──────────────────────────────────────────────────────
 * Lucide icon font uses ::before pseudo-elements to render glyphs as inline
 * text inside block <div> elements. Without explicit flex centering the glyph
 * drifts to the text baseline, making icons appear bottom-aligned.
 * This rule makes every icon element a flex container so the glyph is always
 * perfectly centred regardless of the parent context.
 * ─────────────────────────────────────────────────────────────────────────── */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  line-height: 1;
  display: block;
}