/* Font Awesome icon styling overrides */

/* Remove old icomoon font-family declarations that might interfere */
.icomoon:before {
    font-family: inherit !important;
}

/* Ensure Font Awesome icons display with proper spacing */
a i[class*="fa-"] {
    margin-right: 0.5em;
    display: inline-block;
    text-decoration: none;
}

/* Fix for icons in navigation */
.header a i[class*="fa-"] {
    color: inherit;
    vertical-align: middle;
}

/* Back to top arrow styling */
.backToTop-link a i.fa-arrow-up {
    margin-right: 0.5em;
}

/* Hearing test volume controls - map to Font Awesome icons */
.icon-minus::before,
span.icon-minus::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f068" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

.icon-plus::before,
span.icon-plus::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f067" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Hearing test tone player controls - play/pause buttons */
.component.hearing-test-spot .component-content .tone-player__control--play:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f04b" !important; /* play icon */
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

.component.hearing-test-spot .component-content .tone-player__control--stop:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f04d" !important; /* stop icon */
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}