/**
* Aksa icon overrides — replace outdated brand icons with current logos.
*
* - Twitter bird → X mark
* - Instagram (line) → Instagram (gradient camera)
* - Threads (new utility class `.lni-threads`)
*
* Strategy: keep existing `.lni-twitter-*` and `.lni-instagram*` class names so we don't
* have to edit dozens of templates. We hide the font-glyph (set `content:''` and
* `font-family: inherit`) and paint the icon via CSS mask of an inline SVG. Color follows
* `currentColor` so it adapts to the surrounding text color.
*/
/* ───── X (formerly Twitter) ─────
Targets every Linearicons twitter variant. */
.lni-twitter::before,
.lni-twitter-fill::before,
.lni-twitter-filled::before,
.lni-twitter-original::before,
.lni-x::before {
content: '' !important;
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
/* ───── Instagram gradient (camera) ─────
When wrapped in `.brand-color` we let currentColor win; otherwise paint with
the official 4-stop gradient via background-clip on the icon itself. */
.lni-instagram::before,
.lni-instagram-fill::before,
.lni-instagram-original::before,
.lni-instagram-filled::before {
content: '' !important;
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
/* In contexts where the icon must inherit color (white on dark badge), opt out via .force-currentcolor */
.force-currentcolor .lni-instagram::before,
.force-currentcolor .lni-instagram-fill::before,
.force-currentcolor .lni-instagram-original::before,
.force-currentcolor .lni-instagram-filled::before {
background: currentColor !important;
}
/* ───── Threads (Meta) ─────
New utility class — usable as ``. */
.lni-threads::before {
content: '' !important;
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}