/**
 * Elementor Filter CSS
 */

/* Default transition for filterable items */
.ef-area > * {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Hidden state */
.ef-area > *.is-hidden {
    display: none !important;
}

/* --- Active State Highlighting (Orange & White) --- */

/* Target the actual Elementor button background when active */
.ef-button.is-active .elementor-button,
.ef-button.is-active.elementor-button {
    background-color: #F19A10 !important; 
    transition: all 0.2s ease;
    border-color: #F19A10 !important;
}

/* Target all text elements inside the button when active */
.ef-button.is-active .elementor-button-text,
.ef-button.is-active .elementor-button-content-wrapper,
.ef-button.is-active .elementor-button-icon i,
.ef-button.is-active.elementor-button .elementor-button-text,
.ef-button.is-active.elementor-button .elementor-button-content-wrapper,
.ef-button.is-active.elementor-button .elementor-button-icon i {
    color: #ffffff !important;
    font-weight: bold;
}

/* Catch-all for any text/link color inside an active button */
.ef-button.is-active a,
.ef-button.is-active button,
.ef-button.is-active span {
    color: #ffffff !important;
}

/* Ensure the wrapper also reflects the active state if needed */
.ef-button.is-active {
    border-radius: 4px;
    transition: all 0.2s ease;
}

/* Optional: Fading effect animation */
@keyframes efFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.ef-area > *:not(.is-hidden) {
    animation: efFadeIn 0.3s forwards;
}