/* FontAwesome Optimization - NO FALLBACKS, PURE FONTAWESOME */
/* This file optimizes FontAwesome loading and display without emoji replacements */

/* Ensure FontAwesome fonts load properly */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2"),
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2"),
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2"),
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff") format("woff");
}

/* Enhanced FontAwesome Base Styles */
.fas, .far, .fab, .fa,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", system-ui, -apple-system !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: optimizeLegibility !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
    font-synthesis: none !important;
    speak: never !important;
}

.fas {
    font-weight: 900 !important;
}

.far {
    font-weight: 400 !important;
}

.fab {
    font-family: "Font Awesome 6 Brands", system-ui, -apple-system !important;
    font-weight: 400 !important;
}

/* Enhanced Mobile Support */
@media (max-width: 768px) {
    .fas, .far, .fab, .fa,
    [class^="fa-"], [class*=" fa-"] {
        font-display: swap !important;
        will-change: auto !important;
        backface-visibility: hidden !important;
        transform: translateZ(0) !important;
    }
    
    /* Mobile icon containers */
    .tool-icon, .feature-icon {
        font-size: 2rem !important;
        width: 60px !important;
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .navbar-toggler-icon {
        font-size: 1.2rem !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Performance Optimizations */
.fontawesome-ready .fas,
.fontawesome-ready .far,
.fontawesome-ready .fab {
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
}

/* Prevent layout shift during font loading */
[class^="fa-"], [class*=" fa-"] {
    min-width: 1em;
    text-align: center;
}

/* Loading state - only shows during font load */
@media (prefers-reduced-motion: no-preference) {
    .fas:not(.fontawesome-ready *),
    .far:not(.fontawesome-ready *),
    .fab:not(.fontawesome-ready *) {
        animation: fontawesome-pulse 1.5s ease-in-out infinite alternate;
    }
}

@keyframes fontawesome-pulse {
    from { opacity: 0.4; }
    to { opacity: 1; }
}

/* Accessibility */
.fa-sr-only,
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}