/* Fallback CSS Icons for when Font Awesome fails to load */
.icon-fallback {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
}

/* CSS-only icon replacements */
.fas.fa-map-marker-alt::before,
.fas.fa-phone::before,
.fas.fa-envelope::before,
.fas.fa-eye::before,
.fas.fa-bullseye::before,
.fas.fa-user-md::before,
.fas.fa-flask::before,
.fas.fa-globe::before,
.fas.fa-shield-alt::before,
.fas.fa-ambulance::before,
.fas.fa-headset::before,
.fas.fa-dna::before,
.fas.fa-brain::before,
.fas.fa-heart::before,
.fas.fa-lungs::before,
.fas.fa-check-circle::before,
.fas.fa-clock::before,
.fas.fa-certificate::before,
.fas.fa-users::before {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* Icon content fallbacks */
.fas.fa-map-marker-alt::before { content: "📍"; }
.fas.fa-phone::before { content: "📞"; }
.fas.fa-envelope::before { content: "✉️"; }
.fas.fa-eye::before { content: "👁️"; }
.fas.fa-bullseye::before { content: "🎯"; }
.fas.fa-user-md::before { content: "👨‍⚕️"; }
.fas.fa-flask::before { content: "🧪"; }
.fas.fa-globe::before { content: "🌍"; }
.fas.fa-shield-alt::before { content: "🛡️"; }
.fas.fa-ambulance::before { content: "🚑"; }
.fas.fa-headset::before { content: "🎧"; }
.fas.fa-dna::before { content: "🧬"; }
.fas.fa-brain::before { content: "🧠"; }
.fas.fa-heart::before { content: "❤️"; }
.fas.fa-lungs::before { content: "🫁"; }
.fas.fa-check-circle::before { content: "✅"; }
.fas.fa-clock::before { content: "🕐"; }
.fas.fa-certificate::before { content: "📜"; }
.fas.fa-users::before { content: "👥"; }

/* Enhanced fallback for critical icons */
@supports not (font-family: "Font Awesome 6 Free") {
    .fas.fa-map-marker-alt::before { content: "📍"; color: inherit; }
    .fas.fa-phone::before { content: "📞"; color: inherit; }
    .fas.fa-envelope::before { content: "📧"; color: inherit; }
}
