/* Font Awesome Fix */
.fas, .far, .fab, .fa {
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block;
  font-style: normal !important;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.fas {
  font-weight: 900 !important;
}

.far {
  font-weight: 400 !important;
  font-family: "Font Awesome 5 Free" !important;
}

.fab {
  font-weight: 400 !important;
  font-family: "Font Awesome 5 Brands" !important;
}

/* Specific angle icon fixes */
.fas.fa-angle-down:before {
  content: "\f107" !important;
}

.fas.fa-angle-up:before {
  content: "\f106" !important;
}

/* Override any possible CSS that might interfere */
.icon .fas, .icon .far, .icon .fab, .icon .fa {
  line-height: 1;
  width: auto;
  height: auto;
}

/* Fix for mobile menu triggers */
.mobile-menu-trigger .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* Additional icon-specific fixes */
.icon i.fas.fa-angle-down:before {
  content: "\f107" !important;
  display: inline-block !important;
  visibility: visible !important;
}

.icon i.fas.fa-angle-up:before {
  content: "\f106" !important;
  display: inline-block !important;
  visibility: visible !important;
}

/* Debugging styles - highlight fa-angle icons */
.icon i.fas.fa-angle-up, .icon i.fas.fa-angle-down {
  background-color: rgba(255,255,0,0.2); /* Subtle highlight to see if element is present */
  min-width: 1em;
  min-height: 1em;
}