/* Icon Fallback CSS - Provides fallbacks when icon fonts fail to load */

/* FontAwesome fallbacks using Unicode symbols */
.fa-comments:before { content: "💬"; }
.fa-check-circle-o:before { content: "✓"; }
.fa-briefcase:before { content: "💼"; }
.fa-stack-overflow:before { content: "📊"; }
.fa-user:before { content: "👤"; }

/* Flaticon fallbacks using similar Unicode symbols or FontAwesome icons */
.flaticon-user-2:before { content: "👤"; }
.flaticon-edit:before { content: "✏️"; }
.flaticon-right-arrow-2:before { content: "→"; }

/* General fallback styles */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: "FontAwesome", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
}

/* Ensure icons have proper styling */
.icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
