/**
 * Chips — categories, filters, sizes, colors, states (one component)
 */

.canevi-chip {
  display: inline-flex;
  align-items: center;
  padding: var(--space-md-tight) var(--space-lg-plus);
  border-radius: var(--radius-pill);
  background: var(--bg-soft);
  border: var(--border-width) solid var(--border);
  font-size: var(--font-caption);
  font-weight: var(--weight-semibold);
  color: var(--text);
  transition:
    border-color var(--transition-hover),
    color var(--transition-hover),
    background var(--transition-hover);
}

.canevi-chip:hover {
  border-color: var(--brand);
  color: var(--brand-dark);
}

.canevi-chip--live,
.canevi-chip--new {
  background: var(--brand-soft);
  border-color: transparent;
  color: var(--brand-dark);
}

.canevi-chip--promo {
  background: var(--text);
  color: var(--text-inverse);
  border-color: var(--text);
}

.canevi-chip--promo:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--text-inverse);
}

.canevi-chip.is-selected,
.canevi-chip[aria-pressed="true"] {
  border-color: var(--brand-dark);
  box-shadow: var(--shadow-focus);
}

.canevi-chip.is-disabled {
  opacity: var(--opacity-disabled);
  pointer-events: none;
}