/* =============================================================
   Jetpack Social Logos – DEFAULT (Fallback)
   Berisi ikon sosial umum: Facebook, Twitter, IG, YouTube, dll.
   ============================================================= */

/* ========== FONT FACE ========== */
@font-face {
  font-family: "social-logos";
  src:
    url("social-logos.woff2") format("woff2"),
    url("social-logos.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* ========== BASE CLASS ========== */
.social-logo {
  font-family: "social-logos";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.2em;
}

/* ========== ICONS ========== */
/* Note: Ini bukan Unicode asli Jetpack, tapi fallback realistis */

.social-logo-facebook:before       { content: "\f101"; }
.social-logo-twitter:before        { content: "\f102"; }
.social-logo-instagram:before      { content: "\f103"; }
.social-logo-youtube:before        { content: "\f104"; }
.social-logo-tiktok:before         { content: "\f105"; }
.social-logo-whatsapp:before       { content: "\f106"; }
.social-logo-telegram:before       { content: "\f107"; }
.social-logo-line:before           { content: "\f108"; }
.social-logo-linkedin:before       { content: "\f109"; }
.social-logo-reddit:before         { content: "\f10A"; }
.social-logo-tumblr:before         { content: "\f10B"; }
.social-logo-pinterest:before      { content: "\f10C"; }
.social-logo-github:before         { content: "\f10D"; }
.social-logo-dribbble:before       { content: "\f10E"; }
.social-logo-vk:before             { content: "\f10F"; }
.social-logo-email:before          { content: "\f110"; }
.social-logo-rss:before            { content: "\f111"; }
.social-logo-website:before        { content: "\f112"; }
.social-logo-wordpress:before      { content: "\f113"; }
.social-logo-spotify:before        { content: "\f114"; }
.social-logo-snapchat:before       { content: "\f115"; }
.social-logo-discord:before        { content: "\f116"; }
.social-logo-wechat:before         { content: "\f117"; }
.social-logo-twitch:before         { content: "\f118"; }

/* ========== SIZE HELPERS ========== */
.social-logo.small { font-size: 0.9em; }
.social-logo.large { font-size: 1.6em; }

/* ========== COLOR OVERRIDES ========== */
.social-logo.color-facebook   { color: #1877f2; }
.social-logo.color-twitter    { color: #1da1f2; }
.social-logo.color-instagram  { color: #e4405f; }
.social-logo.color-youtube    { color: #ff0000; }
.social-logo.color-whatsapp   { color: #25d366; }
.social-logo.color-telegram   { color: #2fa3d9; }
.social-logo.color-tiktok     { color: #000000; }
.social-logo.color-line       { color: #06c755; }
.social-logo.color-linkedin   { color: #0a66c2; }
.social-logo.color-reddit     { color: #ff4500; }
.social-logo.color-pinterest  { color: #e60023; }

/* Hover effect */
.social-logo:hover {
  opacity: 0.82;
  transition: 0.2s;
}

/* Alignment helper */
.social-logo.inline {
  margin-right: 8px;
}