/* Simplified FontAwesome CSS - Using Unicode symbols instead of font files */

.fa, .fas, .far, .fab {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Specific icons used in the website */
.fa-recycle:before {
    content: "♻";
}

.fa-chart-line:before {
    content: "📈";
}

.fa-shield-alt:before {
    content: "🛡";
}

.fa-headset:before {
    content: "🎧";
}

/* Basic FontAwesome classes */
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

.fa-fw { text-align: center; width: 1.25em; }
.fa-pull-left { float: left; margin-right: 0.3em; }
.fa-pull-right { float: right; margin-left: 0.3em; }

/* Animation classes */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

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

.fa-pulse {
    animation: fa-pulse 1s infinite;
}

@keyframes fa-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}