/* ==========================================================================
   Блок «Подбор» над товарами: ссылки на SEO-страницы фасетов (диаметр, исполнение, маркировка).
   Разметка — inc/streid-facet-links.php. Чипы — в стиле навигации по подкатегориям (.child-cats)
   и активных фильтров FE: переменные --cat-* заданы в «Дополнительных стилях» Customizer'а,
   здесь — с фолбэками на их значения.
   ========================================================================== */

.st-facets{display:grid;gap:8px;margin:0 0 22px;font-family:var(--st-font);font-size:13.5px;line-height:1;font-variant-numeric:tabular-nums}
.st-facets__row{display:flex;align-items:center;gap:6px 12px}
.st-facets__label{flex:0 0 96px;color:var(--st-mute);font-size:12.5px;line-height:1.3}
.st-facets__list{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}
.st-facets__list li{margin:0;padding:0}

.st-facets__chip{
  display:inline-block;min-width:40px;padding:7px 12px;text-align:center;white-space:nowrap;
  border:1px solid var(--cat-border,#e3e7ef);border-radius:999px;background:var(--cat-bg,#f6f7f9);
  box-shadow:var(--cat-shadow,0 1px 0 rgba(0,0,0,.04));color:var(--cat-text,#1f2937);text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,transform .05s ease;
}
a.st-facets__chip:hover{background:var(--cat-bg-hover,#eef1f5);border-color:#d6dbe6;color:var(--cat-text,#1f2937);transform:translateY(-1px)}
a.st-facets__chip:active{transform:translateY(0)}
a.st-facets__chip:focus-visible{outline:none;border-color:var(--cat-accent,#2563eb);box-shadow:0 0 0 3px color-mix(in oklab,var(--cat-accent,#2563eb) 35%,transparent)}
/* Текущая страница — как активная подкатегория (.child-cats li.is-active) */
.st-facets__chip.is-current{
  background:color-mix(in oklab,var(--cat-accent,#2563eb) 12%,white);
  border-color:color-mix(in oklab,var(--cat-accent,#2563eb) 55%,var(--cat-border,#e3e7ef));
  color:#0f172a;
}

@media (prefers-color-scheme:dark){
  .st-facets__chip.is-current{color:#e5e7eb}
}

@media (max-width:767px){
  .st-facets__row{flex-direction:column;align-items:stretch;gap:6px}
  .st-facets__label{flex:none}
}

@media (prefers-reduced-motion:reduce){
  .st-facets__chip{transition:none}
}