/*
 * Self-hosted icon set replacing the Font Awesome kit (no web font, no external request).
 * Keeps the original `fa fa-*` class names so existing markup and JS (toggleClass) keep working.
 * Icons are drawn as CSS masks, so they inherit the text colour (currentColor).
 */
.fa {
    display: inline-block;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--fa-icon) center / contain no-repeat content-box;
    mask: var(--fa-icon) center / contain no-repeat content-box;
}

.fa-tachometer-alt { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 17.5a9 9 0 1 1 16.8 0'/%3E%3Cpath d='M12 15l4.2-5.2'/%3E%3Ccircle cx='12' cy='15' r='1.6' fill='%23000' stroke='none'/%3E%3Cpath d='M6.5 12.5h.01M8.2 8.2h.01M12 6.5h.01M17.5 12.5h.01'/%3E%3C/svg%3E"); }
.fa-bars { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E"); }
.fa-times { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
.fa-chevron-up { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 15.5L12 9l6.5 6.5'/%3E%3C/svg%3E"); }

/*
 * Dropdown arrows in the navigation. style.css draws them as Font Awesome
 * glyphs in ::after (content: "\f107" etc.), which rendered as an empty box
 * once the kit was removed. Same selectors as style.css, so these win by
 * source order.
 */
.main-nav .drop-down > a:after,
.mobile-nav .drop-down > a:after {
    content: "";
    display: inline-block;
    box-sizing: content-box;
    width: 0.85em;
    height: 0.85em;
    vertical-align: -0.1em;
    background-color: currentColor;
    font-family: inherit;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat content-box;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat content-box;
}

.mobile-nav .active.drop-down > a:after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 14.5l6-6 6 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 14.5l6-6 6 6'/%3E%3C/svg%3E");
}