/**
 * KDS — capa rápida de filtros (esqueleto).
 * Contenedor listo; chips se añaden en .kasalia-filters-quick__inner.
 */
.kasalia-filters-quick {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

.kasalia-filters-quick__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--k-filters-quick-gap, 6px);
  min-height: 0;
}

.kasalia-filters-quick__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--k-filters-quick-pad-y, 6px) var(--k-filters-quick-pad-x, 10px);
  border: 1px solid var(--k-filters-quick-border, #d1d5db);
  border-radius: var(--k-filters-quick-radius, 999px);
  background: var(--k-filters-quick-bg, #fff);
  color: var(--k-filters-quick-fg, #1f2937);
  font-family: inherit;
  font-size: var(--k-filters-quick-font-size, 13px);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
}

.kasalia-filters-quick__chip.is-active,
.kasalia-filters-quick__chip[aria-pressed="true"] {
  border-color: var(--k-filters-quick-active-border, #1b5e20);
  background: var(--k-filters-quick-active-bg, #eef5ef);
  color: var(--k-filters-quick-active-fg, #1b5e20);
}

/* Dentro de la toolbar: no forzar altura si aún no hay chips */
.filters-left > .kasalia-filters-quick:not(:has(.kasalia-filters-quick__chip)) {
  display: none;
}