/*
 * RAR PRESS KIT -- share glyph set (CLIP & SHARE strip, SPEC section 13)
 * Pipeline: GPT Image 2 sheet -> Pillow slice/threshold/trim -> 64px-tall
 * pure-black-on-transparent PNG @2x -> tinted via CSS mask (DESIGN-SYSTEM 8.2;
 * potrace/vtracer unavailable in build environment, so no SVG sprite).
 * The glyph inherits the ink color from `currentColor`: set `color` on the
 * strip (normally var(--wp--preset--color--ink)) and the ink follows.
 * URLs are relative to this file (plugin/rar-press-kit/assets/icons/).
 */

.rar-glyph {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.rar-glyph--x {
  mask-image: url(x.png);
  -webkit-mask-image: url(x.png);
}

.rar-glyph--facebook {
  mask-image: url(facebook.png);
  -webkit-mask-image: url(facebook.png);
}

.rar-glyph--bluesky {
  mask-image: url(bluesky.png);
  -webkit-mask-image: url(bluesky.png);
}

.rar-glyph--reddit {
  mask-image: url(reddit.png);
  -webkit-mask-image: url(reddit.png);
}

.rar-glyph--email {
  mask-image: url(email.png);
  -webkit-mask-image: url(email.png);
}

.rar-glyph--link {
  mask-image: url(link.png);
  -webkit-mask-image: url(link.png);
}