/* styles/default/components/c-filter.css — #35 c-filterbar (řádek aktivních filtrů v L3) a c-chip (aktivní / rychlý filtr)
   Created :: 2026-10-22
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-filterbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-2); }
.c-filterbar__label { font-size: var(--fs-xs); color: var(--color-text-subtle); }

.c-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  max-width: 32rem;
  height: var(--control-h-sm);
  padding: 0 var(--sp-1) 0 var(--sp-2);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--r-full);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--fs-sm);
  white-space: nowrap;
}
.c-chip > span { overflow: hidden; text-overflow: ellipsis; }
.c-chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--r-full);
  color: var(--color-text-muted);
  cursor: pointer;
}
.c-chip__remove:hover { background: var(--color-surface-hover); color: var(--color-text); }
@media (max-width: 767.98px) { .c-chip__remove { width: var(--touch-min); height: var(--touch-min); margin-block: calc((var(--touch-min) - var(--sp-5)) / -2); } }   /* dotyková plocha (M9-10, N90) */

/* Rychlý filtr: přepínací čip */
.c-chip--quick { cursor: pointer; padding: 0 var(--sp-3); transition: background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out); }
.c-chip--quick:hover { background: var(--color-surface-hover); }
.c-chip--quick[aria-pressed="true"] { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary-text); }

@media (max-width: 767.98px) {
  .c-chip--quick { height: auto; min-height: 3.6rem; }
}