/* Блок ig-chipbtn. Перенесён из выгрузки 2. Дизайн/2. этап/2026-09-20 (blocks/catalog.css). */

/* Кнопка-чип (фильтры отделов, аудитория объявления) */

.ig-chipbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-pill);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid var(--border-200);
  background: var(--surface-0);
  color: var(--ink-900);
}

.ig-chipbtn:hover {
  border-color: var(--brand-200);
  background: var(--surface-100);
}

.ig-chipbtn[aria-pressed="true"] {
  border-color: var(--brand-200);
  background: var(--brand-50);
  color: var(--brand-700);
}

.ig-chipbtn__count {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--ink-600);
}

.ig-chipbtn[aria-pressed="true"] .ig-chipbtn__count {
  color: var(--brand-700);
}

/* Добавлено при переносе: чип фильтра - ссылка с aria-current вместо кнопки с aria-pressed;
   базовый a:hover не перекрашивает текст чипа */

a.ig-chipbtn:hover {
  color: var(--ink-900);
}

.ig-chipbtn[aria-current="true"] {
  border-color: var(--brand-200);
  background: var(--brand-50);
  color: var(--brand-700);
}

.ig-chipbtn[aria-current="true"] .ig-chipbtn__count {
  color: var(--brand-700);
}

/* Добавлено при переносе: чип-флажок в форме объявления - фокус с клавиатуры виден на чипе */

.ig-chipbtn:focus-within {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}