.elementor-304 .elementor-element.elementor-element-22a975c{--display:flex;}.elementor-304 .elementor-element.elementor-element-22a975c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-304 .elementor-element.elementor-element-7c189dd{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-304 .elementor-element.elementor-element-ee865b6{--grid-columns:1;}@media(min-width:768px){.elementor-304 .elementor-element.elementor-element-22a975c{--width:224.91%;}}@media(max-width:1024px){.elementor-304 .elementor-element.elementor-element-ee865b6{--grid-columns:2;}}@media(max-width:767px){.elementor-304 .elementor-element.elementor-element-ee865b6{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-7c189dd *//* --- FILTER BAR CONTAINER --- */
.e-filter {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 40px !important;
    flex-wrap: wrap !important;
    padding: 10px !important;
}

/* --- FILTER ITEM (TABS) --- */
.e-filter-item {
    font-family: 'Baloo 2', cursive !important; /* Maintaining brand consistency */
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 10px 28px !important;
    background-color: #ffffff !important;
    color: #00AA93 !important; /* Brand Teal */
    border: 2px solid #00AA93 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    text-transform: capitalize !important;
    line-height: 1.2 !important;
}

/* --- HOVER & ACTIVE STATES --- */
/* aria-pressed="true" is used by Elementor for the active state */
.e-filter-item:hover,
.e-filter-item[aria-pressed="true"] {
    background-color: #00AA93 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 15px rgba(0, 170, 147, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* --- MOBILE OPTIMIZATION --- */
@media (max-width: 767px) {
    .e-filter {
        gap: 8px !important;
        margin-bottom: 30px !important;
    }

    .e-filter-item {
        padding: 8px 20px !important;
        font-size: 14px !important;
        flex: 0 1 auto !important; /* Prevents button distortion */
    }
}

/* --- PIXEL-PERFECT LAYOUT STABILITY --- */
/* Ensures buttons don't "shake" or shift when the active state changes border/shadows */
.e-filter-item {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}/* End custom CSS */