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

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

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

/* Icon classes */
.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.far {
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa,
.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* Brand Icons */
.fa-instagram:before {
  content: "\f16d";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-x-twitter:before {
  content: "\e61b";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-youtube:before {
  content: "\f167";
}

/* Icon styles */
.footer-icon {
  font-size: 24px;
  color: var(--primary-white);
  transition: color 0.2s ease;
  text-decoration: none;
}

.footer-social-link:hover .footer-icon {
  color: var(--secondary-yellow);
}