/* ── Shared icon system (869e55x3z) ──────────────────────────────────────
   Base styles for the bi_icon() helper's <svg class="bi-icon ..."> output.
   Every icon on the site should route through that helper so line weight,
   corner radius and gold accent stay in one place instead of drifting per
   template. See functions.php / inc/icons.php for the PHP side. */

.bi-icon {
  flex-shrink: 0;
  vertical-align: middle;
}

/* Section eyebrows ("Living heritage register", "BCC Certification", …)
   already set color: var(--gold) on the text — laying the icon out inline
   with a small gap makes it inherit that same gold via currentColor.
   inline-flex (not flex) so a handful of centered sections that rely on an
   ancestor's text-align: center (e.g. .bi-bcc-cta, .bi-col-cta) keep
   centering the eyebrow as a unit instead of the icon+text row snapping to
   the left edge the way a block-level flex container would. */
.ch-sec-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5em;
}
.ch-sec-eyebrow .bi-icon { flex: none; }

/* Footer links: text-only (869enj469 — icons removed for a less cluttered
   footer). Kept as flex so link spacing/alignment stays identical to before. */
.site-footer__col ul a {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.collection-type-group__title-arrow { margin-left: .35em; }