/* ========================================
   FONT AWESOME ICON FIX - COMPREHENSIVE
   ======================================== */

/* 1. Tech Stack Section Icons (.apt-tech-icon) */
.apt-tech-icon i,
.apt-tech-icon i.fas,
.apt-tech-icon i.fab,
.apt-tech-icon i.far,
.apt-tech-icon i.fal {
    font-size: 40px !important;
    color: #393285 !important;
    display: inline-block !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Ensure tech icon containers don't interfere */
.apt-tech-icon {
    background: linear-gradient(135deg, rgba(57, 50, 133, 0.1), rgba(79, 172, 254, 0.1)) !important;
}

/* 2. Showcase Section Icons (.showcase-main-icon) */
.showcase-main-icon i,
.showcase-main-icon i.fas,
.showcase-main-icon i.fab,
.showcase-main-icon i.far,
.showcase-main-icon i.fal {
    font-size: 48px !important;
    color: white !important;
    display: inline-block !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* Glow effects for showcase icons */
.icon-purple-glow i {
    color: #667eea !important;
    filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.6));
}

.icon-green-glow i {
    color: #00c6ff !important;
    filter: drop-shadow(0 2px 8px rgba(0, 198, 255, 0.6));
}

.icon-white-glow i {
    color: #ffffff !important;
    filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.5));
}

.icon-orange-glow i {
    color: #ff6b35 !important;
    filter: drop-shadow(0 2px 8px rgba(255, 107, 53, 0.6));
}

/* 3. Floating Background Icons */
.floating-bg-icon i,
.floating-bg-icon i.fas,
.floating-bg-icon i.fab {
    font-size: 80px !important;
    opacity: 0.1 !important;
    color: inherit !important;
}

/* 4. Universal Font Awesome Fix (catch-all) */
i[class*="fa-"],
i[class^="fa-"] {
    display: inline-block !important;
    font-style: normal !important;
    line-height: 1 !important;
}

/* Solid icons */
i.fas,
i[class*="fa-"].fas {
    font-weight: 900 !important;
}

/* Brand icons */
i.fab,
i[class*="fa-"].fab {
    font-weight: 400 !important;
}

/* Regular icons */
i.far,
i[class*="fa-"].far {
    font-weight: 400 !important;
}

/* Light icons */
i.fal,
i[class*="fa-"].fal {
    font-weight: 300 !important;
}

/* 5. Mobile Optimization for Icons */
@media (max-width: 768px) {
    .apt-tech-icon i {
        font-size: 35px !important;
    }
    
    .showcase-main-icon i {
        font-size: 40px !important;
    }
    
    .floating-bg-icon i {
        font-size: 60px !important;
    }
}

/* 6. Ensure Font Awesome Font Family is Applied */
i.fas, i.fab, i.far, i.fal,
[class*="fa-"] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

/* Solid */
.fas, .fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Brand */
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Regular */
.far, .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}