/* Fallback CSS for icons when CDN is not available */

/* Basic icon styles */
.icon-fallback {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
}

/* Font Awesome fallbacks */
.fas.fa-map-marker-alt::before,
.fa-map-marker-alt::before {
    content: "📍";
}

.fas.fa-clock::before,
.fa-clock::before {
    content: "🕐";
}

.fas.fa-phone-alt::before,
.fa-phone-alt::before {
    content: "📞";
}

.fas.fa-arrow-right::before,
.fa-arrow-right::before {
    content: "→";
}

.fab.fa-linkedin-in::before,
.fa-linkedin-in::before {
    content: "💼";
}

.fab.fa-facebook-f::before,
.fa-facebook-f::before {
    content: "📘";
}

.fab.fa-twitter::before,
.fa-twitter::before {
    content: "🐦";
}

.fab.fa-instagram::before,
.fa-instagram::before {
    content: "📷";
}

/* Bootstrap Icons fallbacks */
.bi.bi-exclamation-triangle::before {
    content: "⚠️";
    font-size: 1.2em;
}

.bi.bi-arrow-up::before {
    content: "⬆️";
}

/* Ensure fallback icons are visible */
.fas, .fab, .bi {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Style adjustments for emoji fallbacks */
.topbar-icon {
    font-size: 14px;
}

.social-icon i {
    font-size: 16px;
}

.display-1 {
    font-size: 6rem !important;
}
