/* Verifylyt brand icon colors — applied to Font Awesome glyphs.
   Solid brands use their official hex; multi-color brands use a
   gradient clipped to the glyph. Dark-mode variants override
   near-black marks so they stay visible on dark surfaces. */

.bi-facebook   { color: #1877F2; }
.bi-whatsapp   { color: #25D366; }
.bi-telegram   { color: #26A5E4; }
.bi-reddit     { color: #FF4500; }
.bi-discord    { color: #5865F2; }
.bi-linkedin   { color: #0A66C2; }
.bi-pinterest  { color: #E60023; }
.bi-youtube    { color: #FF0000; }
.bi-snapchat   { color: #F7C400; }
.bi-vk         { color: #0077FF; }
.bi-line       { color: #06C755; }
.bi-yahoo      { color: #6001D2; }
.bi-amazon     { color: #FF9900; }
.bi-netflix    { color: #E50914; }
.bi-xbox       { color: #107C10; }
.bi-shopify    { color: #95BF47; }
.bi-etsy       { color: #F1641E; }
.bi-playstation{ color: #006FCD; }
.bi-proton     { color: #6D4AFF; }
.bi-paypal     { color: #00457C; }
.bi-binance    { color: #F0B90B; }

/* Near-black marks — flipped in dark mode below */
.bi-tiktok     { color: #0F1419; }
.bi-x          { color: #0F1419; }
.bi-threads    { color: #101010; }
.bi-apple      { color: #1D1D1F; }
.bi-github     { color: #181717; }
.bi-steam      { color: #1B2838; }

/* Multi-color gradient treatments */
.bi-instagram,
.bi-gmail,
.bi-google,
.bi-googleplay,
.bi-ebay,
.bi-microsoft,
.bi-canva {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.bi-instagram { background-image: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); }
.bi-gmail     { background-image: linear-gradient(135deg, #EA4335 0%, #FBBC04 35%, #34A853 70%, #4285F4 100%); }
.bi-google    { background-image: linear-gradient(90deg, #4285F4 0%, #EA4335 35%, #FBBC04 65%, #34A853 100%); }
.bi-googleplay{ background-image: linear-gradient(135deg, #00A0FF 0%, #00F076 40%, #FFD500 70%, #FF3A44 100%); }
.bi-ebay      { background-image: linear-gradient(90deg, #E53238 0%, #0064D2 35%, #F5AF02 65%, #86B817 100%); }
.bi-microsoft { background-image: linear-gradient(90deg, #F25022 0%, #FFB900 35%, #7FBA00 65%, #00A4EF 100%); }
.bi-canva     { background-image: linear-gradient(135deg, #00C4CC 0%, #7D2AE8 100%); }

/* Neutral icon for non-brand items */
.bi-neutral { color: var(--primary, #0a66ff); }

/* Dark mode: keep dark marks visible, keep gradients intact */
html[data-theme="dark"] .bi-tiktok,
html[data-theme="dark"] .bi-x,
html[data-theme="dark"] .bi-threads,
html[data-theme="dark"] .bi-apple,
html[data-theme="dark"] .bi-github { color: #F1F5F9; }
html[data-theme="dark"] .bi-steam { color: #66C0F4; }
html[data-theme="dark"] .bi-snapchat { color: #FFFC00; }