/* Filter button active state */
.filter-btn.active {
    background-color: #5caf90;
    color: #ffffff;
    border-color: #5caf90;
}

/* Project card hover overlay */
.project-card .card-overlay {
    opacity: 0;
    transition: opacity 0.35s ease;
}

.project-card:hover .card-overlay {
    opacity: 1;
}

.project-card:hover .card-img {
    transform: scale(1.05);
}

.card-img {
    transition: transform 0.5s ease;
}

/* Animate in */
@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-card {
    animation: fadeSlideUp 0.45s ease forwards;
}

.nav-link.active {
    color: #5caf90 !important;
    font-weight: 700;
}