/* Active button style */
.filter-btn.active {
    background: var(--text-espresso);
    color: var(--bg-cream);
    border-color: var(--text-espresso);
}

/* Optional: Add a simple fade-in animation for filtered items */
.blog-card {
    transition: opacity 0.3s ease;
    animation: fadeIn 0.4s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}