/* Avelon cabinet currency artwork, including icons created later by native Vue.
   Approved Gold Z1 / Silver C1 assets. No game item, VIP, fiat or merchant icons. */
body.av-cabinet .bi-coin,
body.av-cabinet span.dh-coin {
  --av-currency-art: url("./avelon-gold-z1.webp");
}

/* Native silver semantics; voting badges contain item.silver in right-block.j2. */
body.av-cabinet .bi-coin.text-secondary,
body.av-cabinet .bi-coin.text-secondary-emphasis,
body.av-cabinet .text-secondary > .bi-coin,
body.av-cabinet .text-secondary-emphasis > .bi-coin,
body.av-cabinet .av-silver .bi-coin,
body.av-cabinet .silver .bi-coin,
body.av-cabinet [data-currency="silver"] .bi-coin,
body.av-cabinet .bi-coin[data-currency="silver"],
body.av-cabinet .bi-coin.av-currency-silver,
body.av-cabinet .av-community .list-group-item > .badge .bi-coin {
  --av-currency-art: url("./avelon-silver-c1.webp");
}

/* Empty content prevents the Bootstrap font glyph from showing behind the art.
   em units follow the surrounding label, table, badge or Vue component size. */
body.av-cabinet .bi-coin::before {
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  background: var(--av-currency-art) center / contain no-repeat;
  line-height: 1;
  vertical-align: -.2em;
  text-shadow: none;
  box-shadow: none;
}

/* Only these native spans contain the legacy bullet icon. Numeric totals use
   div.dh-coin and retain their text, color and layout. */
body.av-cabinet span.dh-coin {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  overflow: hidden;
  background: var(--av-currency-art) center / contain no-repeat;
  color: transparent !important;
  line-height: 1;
  vertical-align: -.2em;
  text-shadow: none;
  box-shadow: none;
}