/**
 * CPAF — Active Filters & Reset
 */

/* ── Active filter chips ──────────────────────────────────────────────── */

.cpaf-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.cpaf-active-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: var(--wp--preset--color--surface-alt);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--kw-radius-full, 999px);
  color: var(--wp--preset--color--text);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.15s var(--kw-ease, ease);
}

.cpaf-active-chip:hover {
  background: var(--wp--preset--color--border);
  border-color: var(--wp--preset--color--text-light);
  color: var(--wp--preset--color--text);
}

.cpaf-active-chip__label {
  white-space: nowrap;
}

.cpaf-active-chip__remove {
  display: inline-flex;
  color: var(--wp--preset--color--text-light);
  transition: color 0.15s;
}

.cpaf-active-chip:hover .cpaf-active-chip__remove {
  color: var(--wp--preset--color--error, #dc3545);
}

/* ── Reset all chip ───────────────────────────────────────────────────── */

.cpaf-active-chip--reset {
  background: none;
  border-color: transparent;
  color: var(--wp--preset--color--text-light);
  font-weight: 600;
  padding-left: 0.25rem;
}

.cpaf-active-chip--reset:hover {
  background: none;
  border-color: transparent;
  color: var(--wp--preset--color--error, #dc3545);
}

/* ── Reset link ───────────────────────────────────────────────────────── */

.cpaf-reset-link {
  display: inline-block;
  font-size: 0.75rem;
  color: var(--wp--preset--color--text-light);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s;
}

.cpaf-reset-link:hover {
  color: var(--wp--preset--color--error, #dc3545);
}