/* Font Awesome Fallback Icons */

/* Basic icon fallbacks using Unicode characters */
.fas,
.far,
.fab,
.fa {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}

.far {
    font-weight: 400;
}

.fab {
    font-weight: 400;
    font-family: "Font Awesome 6 Brands";
}

/* Fallback content for common icons if font doesn't load */
.fas.fa-bars::before {
    content: "☰";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-search::before,
.fas.fa-magnifying-glass::before {
    content: "🔍";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-calendar-alt::before {
    content: "📅";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-phone::before {
    content: "📞";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-envelope::before {
    content: "✉";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-map-marker-alt::before {
    content: "📍";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-clock::before {
    content: "🕐";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-times::before {
    content: "✕";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-chevron-up::before {
    content: "▲";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-heart::before {
    content: "♡";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-user-md::before {
    content: "👨‍⚕️";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-microscope::before {
    content: "🔬";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-shield-alt::before {
    content: "🛡";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-arrow-right::before {
    content: "→";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-stethoscope::before {
    content: "🩺";
    font-family: inherit;
    font-weight: normal;
}

.fas.fa-heartbeat::before {
    content: "💓";
    font-family: inherit;
    font-weight: normal;
}

/* Only show fallback if Font Awesome is not loaded */
@supports (font-family: "Font Awesome 6 Free") {
    .fas.fa-bars::before,
    .fas.fa-search::before,
    .fas.fa-magnifying-glass::before,
    .fas.fa-calendar-alt::before,
    .fas.fa-phone::before,
    .fas.fa-envelope::before,
    .fas.fa-map-marker-alt::before,
    .fas.fa-clock::before,
    .fas.fa-times::before,
    .fas.fa-chevron-up::before,
    .fas.fa-heart::before,
    .fas.fa-user-md::before,
    .fas.fa-microscope::before,
    .fas.fa-shield-alt::before,
    .fas.fa-arrow-right::before,
    .fas.fa-stethoscope::before,
    .fas.fa-heartbeat::before {
        content: none;
    }
}

/* Icon sizes */
.fa-xs {
    font-size: 0.75em;
}

.fa-sm {
    font-size: 0.875em;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-xl {
    font-size: 1.5em;
    line-height: 0.6667em;
    vertical-align: -0.075em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

/* Icon animations */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

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

/* Icon positioning */
.fa-fw {
    text-align: center;
    width: 1.25em;
}

/* Screen reader text for fallback icons */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}