/* Icon Styling for Professional Look */

/* General icon styling */
.fas, .fab, .far {
    transition: all 0.3s ease;
}

/* Hero buttons with icons */
.btn i {
    margin-right: 0.5rem;
    font-size: 1rem;
}

.btn:hover i {
    transform: translateX(3px);
}

/* Section headers with icons */
.tape-decoration i {
    margin-right: 0.5rem;
    color: var(--primary-color);
}

/* Project cards icons */
.project-card h3 i {
    color: var(--secondary-color);
    margin-right: 0.5rem;
    font-size: 1.2rem;
    display: inline-block;
    animation: pulse 2s infinite;
}

.project-card:hover h3 i {
    transform: scale(1.2);
    color: var(--accent-color);
}

/* Skills icons */
.skill-category h3 i {
    color: var(--secondary-color);
    margin-right: 0.5rem;
}

/* Contact icons */
.contact-item i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #73bc7b, #5fa965);
    color: white;
    border-radius: 50%;
    font-size: 0.9rem;
}

/* Social links icons */
.social-links a i {
    font-size: 1.2rem;
}

/* Floating CTA icon */
.floating-cta i {
    font-size: 1.5rem;
    color: white;
}

/* Special effects for achievement icons */
@keyframes iconGlow {
    0%, 100% {
        filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5));
    }
    50% {
        filter: drop-shadow(0 0 15px rgba(255, 215, 0, 0.8));
    }
}

.fa-trophy, .fa-star, .fa-gem {
    animation: iconGlow 2s ease-in-out infinite;
}

.fa-rocket {
    animation: float 3s ease-in-out infinite;
}

.fa-heart {
    animation: pulse 2s ease-in-out infinite;
}

.fa-money-bill-wave {
    color: #4CAF50;
}

.fa-bullseye {
    color: #FF6B6B;
}

.fa-chart-line {
    color: #73bc7b;
}

/* Remove emoji-specific styles */
.emphasis {
    background: linear-gradient(45deg, #73bc7b, #5fa965);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    font-size: 1.1em;
    display: inline-block;
}

/* Clean professional look for all icons */
h3 i, h2 i {
    vertical-align: middle;
    display: inline-block;
}

/* Status dot animation */
@keyframes statusPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}

.status-box .fa-circle {
    display: inline-block;
    animation: statusPulse 2s infinite;
}