/* Cyvica Technologies - Font Fallback CSS */
/* This file provides fallback fonts when CDN fonts fail to load */

/* Inter Font Fallback */
@font-face {
    font-family: 'Inter-Fallback';
    src: local('Inter'), local('Inter-Regular');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Inter-Medium');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Inter-SemiBold');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Fallback';
    src: local('Inter-Bold');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* System Font Stack for Maximum Compatibility */
.font-fallback {
    font-family: 'Inter-Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Font Awesome Icon Fallbacks */
.fa-fallback {
    display: inline-block;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Common icon fallbacks using Unicode */
.fa-cloud::before { content: "☁"; }
.fa-shield-alt::before { content: "🛡"; }
.fa-users::before { content: "👥"; }
.fa-clock::before { content: "🕐"; }
.fa-award::before { content: "🏆"; }
.fa-check-circle::before { content: "✅"; }
.fa-chevron-down::before { content: "▼"; }
.fa-chevron-up::before { content: "▲"; }
.fa-chevron-left::before { content: "◀"; }
.fa-chevron-right::before { content: "▶"; }
.fa-star::before { content: "⭐"; }
.fa-quote-left::before { content: "❝"; }
.fa-quote-right::before { content: "❞"; }
.fa-linkedin::before { content: "💼"; }
.fa-twitter::before { content: "🐦"; }
.fa-youtube::before { content: "📺"; }
.fa-instagram::before { content: "📷"; }
.fa-facebook::before { content: "📘"; }
.fa-phone::before { content: "📞"; }
.fa-envelope::before { content: "✉"; }
.fa-map-marker-alt::before { content: "📍"; }
.fa-globe::before { content: "🌐"; }
.fa-lock::before { content: "🔒"; }
.fa-unlock::before { content: "🔓"; }
.fa-key::before { content: "🔑"; }
.fa-cog::before { content: "⚙"; }
.fa-cogs::before { content: "⚙️"; }
.fa-chart-line::before { content: "📈"; }
.fa-chart-bar::before { content: "📊"; }
.fa-database::before { content: "🗄"; }
.fa-server::before { content: "🖥"; }
.fa-network-wired::before { content: "🌐"; }
.fa-code::before { content: "💻"; }
.fa-bug::before { content: "🐛"; }
.fa-rocket::before { content: "🚀"; }
.fa-lightbulb::before { content: "💡"; }
.fa-heart::before { content: "❤"; }
.fa-thumbs-up::before { content: "👍"; }
.fa-handshake::before { content: "🤝"; }
.fa-trophy::before { content: "🏆"; }
.fa-gem::before { content: "💎"; }
.fa-fire::before { content: "🔥"; }
.fa-bolt::before { content: "⚡"; }
.fa-shield-halved::before { content: "🛡️"; }
.fa-user-shield::before { content: "👤🛡"; }
.fa-scale-balanced::before { content: "⚖"; }
.fa-microsoft::before { content: "🪟"; }
.fa-google::before { content: "🔍"; }
.fa-apple::before { content: "🍎"; }
.fa-android::before { content: "🤖"; }
.fa-windows::before { content: "🪟"; }
.fa-linux::before { content: "🐧"; }
.fa-github::before { content: "🐙"; }
.fa-gitlab::before { content: "🦊"; }
.fa-docker::before { content: "🐳"; }
.fa-kubernetes::before { content: "☸"; }
.fa-aws::before { content: "☁️"; }
.fa-azure::before { content: "☁️"; }
.fa-gcp::before { content: "☁️"; }

/* Responsive font sizes with fallbacks */
@media (max-width: 768px) {
    .font-fallback {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .font-fallback {
        font-size: 13px;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .fa-fallback::before {
        font-weight: bold;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .font-fallback {
        font-display: block;
    }
}