/*
 * Self-hosted fonts: FontAwesome subset (15 icons) + Roboto (latin, 400/500/700).
 * Replaces use.fontawesome.com + fonts.googleapis.com CDNs.
 * Regenerate FA woff2 with: node scripts/build-fa-subset.js
 * Add new FA icons here AND in scripts/build-fa-subset.js.
 * Class names preserve FA5 markup (fa, fas, far + fa-old-name) so JSX
 * doesn't need to change.
 * Italic-300 Roboto from the old URL was unused (verified by grep) — dropped.
 */

/* Roboto */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/roboto-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/roboto-700.woff2') format('woff2');
}

/* FontAwesome (subset) */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

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

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

.fa,
.fas {
    font-weight: 900;
}

.far {
    font-weight: 400;
}

/* Icon glyphs (FA5 class names → FA v7 unicode) */
.fa-align-center::before { content: '\f037'; }
.fa-align-left::before { content: '\f036'; }
.fa-align-right::before { content: '\f038'; }
.fa-check-circle::before { content: '\f058'; }
.fa-chevron-down::before { content: '\f078'; }
.fa-chevron-up::before { content: '\f077'; }
.fa-circle-notch::before { content: '\f1ce'; }
.fa-exclamation-circle::before { content: '\f06a'; }
.fa-font::before { content: '\f031'; }
.fa-info-circle::before { content: '\f05a'; }
.fa-minus::before { content: '\f068'; }
.fa-plus::before { content: '\2b'; }
.fa-times::before { content: '\f00d'; }
.fa-times-circle::before { content: '\f057'; }
.fa-trash-alt::before { content: '\f2ed'; }

/* Animation utility used with fa-circle-notch */
.fa-spin {
    animation: fa-spin 2s linear infinite;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}