.portfolio-item {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Force active state to automatically inherit hover colors and borders from Elementor's settings */
.filter-btn.active .elementor-button {
    background-color: var(--e-global-color-accent, #7C3AED) !important;
    color: #ffffff !important;
    border-color: var(--e-global-color-accent, #7C3AED) !important;
}

/* Hover style also applied cleanly on interaction */
.filter-btn .elementor-button:hover {
    background-color: var(--e-global-color-accent, #7C3AED) !important;
    color: #ffffff !important;
    border-color: var(--e-global-color-accent, #7C3AED) !important;
}