/* ==========================================================================
   Contador de resultados de JetSmartFilters

   Lo pinta el indexador dentro de cada opción:
     .jet-filters-counter > .value

   Diseño: círculo gris claro a la derecha de la etiqueta, número en gris
   oscuro. Cuando la opción queda en cero, se atenúa.
   ========================================================================== */

.jet-filter .jet-checkboxes-list__button,
.jet-filter .jet-radio-list__button,
.jet-filter .jet-color-image-list__button {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.jet-filter .jet-filters-counter {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: auto !important;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #E6E6E6;
    color: #5A5A5A !important;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.jet-filter .jet-filters-counter .value,
.jet-filter .jet-filters-counter .counter-prefix,
.jet-filter .jet-filters-counter .counter-suffix {
    color: inherit !important;
    font: inherit !important;
}

/* Opción marcada: el círculo toma el naranja de la marca. */
.jet-filter .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-filters-counter,
.jet-filter .jet-radio-list__input:checked ~ .jet-radio-list__button .jet-filters-counter {
    background: #EE8105;
    color: #FFFFFF !important;
}

/* Sin resultados: JetSmartFilters marca la opción como deshabilitada. */
.jet-filter .jet-filter-item-disabled .jet-filters-counter,
.jet-filter .jet-filters-counter[data-count="0"] {
    background: #F0F0F0;
    color: #9F9F9F !important;
}

@media (max-width: 767px) {
    .jet-filter .jet-filters-counter {
        min-width: 22px;
        height: 22px;
        font-size: 11px;
    }
}