/* Font Awesome 5 Free + Brands (self-hosted) */

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/fa-regular-400.woff2') format('woff2'),
       url('/static/fonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/static/fonts/fa-solid-900.woff2') format('woff2'),
       url('/static/fonts/fa-solid-900.ttf') format('truetype');
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/fa-brands-400.woff2') format('woff2'),
       url('/static/fonts/fa-brands-400.ttf') format('truetype');
}

.fa,
.fas,
.far,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}

.social-menu-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.social-menu-item.icon-only {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.5rem;
  margin-top: 1px;
}

.social-menu-item .fa,
.social-menu-item .fas,
.social-menu-item .far,
.social-menu-item .fab {
  font-size: 1.1rem;
}

.social-menu-item .social-label {
  font-size: 0.95rem;
  line-height: 1.2;
}

.social-menu-item:hover {
  text-decoration: none;
}

/* Icon glyph mappings (subset) */
.fa-instagram:before { content: "\f16d"; }
.fa-facebook:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-tiktok:before { content: "\e07b"; }
.fa-youtube:before { content: "\f167"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-github:before { content: "\f09b"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-at:before { content: "\f1fa"; }
.fa-cloud:before { content: "\f0c2"; }