/* FontAwesome v6 Compatibility Layer for MixingLight.com */
/* Handles v4/v5 class syntax with v6 fonts - 2025-07-23 */

/* Core FA class compatibility */
.fa {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900; /* Default to solid */
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
}

/* FontAwesome duotone layer fix - prevents icon duplication - 2025-07-23 */
.fa-duotone::after,
.fad::after {
  display: none !important;
}

/* Common v4/v5 to v6 icon mappings from MixingLight theme */
.fa-dashboard::before { content: "\f3fd"; } /* gauge-high */
.fa-calendar::before { content: "\f073"; } /* calendar-days */
.fa-ticket::before { content: "\f3ff"; } /* ticket */
.fa-support::before { content: "\f1cd"; } /* life-ring */
.fa-unlock-alt::before { content: "\f09c"; } /* unlock */
.fa-user-circle::before { content: "\f2bd"; } /* circle-user */
.fa-th::before { content: "\f00a"; } /* th */
.fa-facebook::before { content: "\f09a"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.fa-linkedin::before { content: "\f08c"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.fa-newspaper-o::before { content: "\f1ea"; } /* newspaper */
.fa-microphone::before { content: "\f130"; }
.fa-vcard::before { content: "\f2bb"; } /* address-card */
.fa-cube::before { content: "\f1b2"; }
.fa-youtube-play::before { content: "\f04b"; } /* play */
.fa-check-circle::before { content: "\f058"; } /* circle-check */
.fa-list::before { content: "\f03a"; }
.fa-square-o::before { content: "\f0c8"; font-family: "Font Awesome 6 Pro"; font-weight: 400; }
.fa-circle-o::before { content: "\f111"; font-family: "Font Awesome 6 Pro"; font-weight: 400; }
.fa-heart-o::before { content: "\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 400; }
.fa-android::before { content: "\f17b"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.fa-apple::before { content: "\f179"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.fa-certificate::before { content: "\f0a3"; }
.fa-envelope-o::before { content: "\f0e0"; } /* envelope */
.fa-clock-o::before { content: "\f017"; } /* clock */
.fa-twitter::before { content: "\e61b"; font-family: "Font Awesome 6 Brands"; font-weight: 400; } /* X (formerly Twitter) */
.fa-instagram::before { content: "\f16d"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }

/* Brand icons - force brands font family */
.fa-brands, 
.fa-facebook,
.fa-linkedin, 
.fa-android,
.fa-apple,
.fa-instagram,
.fa-x-twitter {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* X (Twitter) new icon */
.fa-x-twitter::before { content: "\e61b"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }

/* Light icons */
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

/* Regular icons */
.fa-regular {
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  font-weight: 400;
}

/* Solid icons (default) */
.fa-solid {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
}

/* Duotone icons - Fixed for proper layering */
.fa-duotone {
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
  position: relative;
}

/* Size classes (these should still work) */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-xl { font-size: 1.5em; line-height: 0.0417em; vertical-align: -0.125em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }