/* Override Kadence buttons for our chips */
    .taxa-explorer button.taxa-chip {
        border-radius: 999px !important;
    padding: 0.15rem 0.30rem !important;
        border: 1px solid #1f2937 !important;
        background: #020617 !important;
        color: #e5e7eb !important;
        font-size: 12px !important;
        cursor: pointer;
        white-space: nowrap;
        box-shadow: none !important;
    }
    .taxa-explorer button.taxa-chip:hover {
        background: #111827 !important;
        border-color: #fff !important;
    }
    /* Non-color chips: purple when active */
    .taxa-explorer button.taxa-chip.is-active:not(.taxa-chip--color) {
        background: #4f46e5 !important;
        border-color: #6366f1 !important;
        color: #f9fafb !important;
        box-shadow: 0 0 0 1px rgba(129,140,248,0.4) !important;
    }


    /* Color chips */
    .taxa-explorer__chips--colors {
        gap: 0.5rem;
    }
    .taxa-explorer button.taxa-chip--color {
        width: 26px !important;
        height: 26px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border-width: 2px !important;
        border-style: solid !important;
        border-color: transparent !important;
        background: var(--taxa-chip-color, #020617) !important;
        background-clip: padding-box;
        transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    }
    .taxa-explorer button.taxa-chip--color:hover {
        background: var(--taxa-chip-hover, var(--taxa-chip-color, #020617)) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
    }
    .taxa-explorer button.taxa-chip--color.is-active {
        border-color: #f9fafb !important;
        box-shadow: 0 0 0 2px rgba(15,23,42,0.8) !important;
        transform: translateY(-1px);
    }




.taxa-explorer button.taxa-chip--iridescent{
  background: var(--taxa-iridescent-gif) center/cover no-repeat !important;
}
.taxa-explorer button.taxa-chip--iridescent:hover{
  background: var(--taxa-iridescent-gif) center/cover no-repeat !important;
    border-color: #fff !important;
}

.taxa-explorer button.taxa-chip--patterned{
  background: var(--taxa-patterned-gif) center/cover no-repeat !important;
}
.taxa-explorer button.taxa-chip--patterned:hover{
  background: var(--taxa-patterned-gif) center/cover no-repeat !important;
    border-color: #fff !important;
}