/* ============================================================================
   catalog-ux.css — листинг каталога (ПК): счётчики групп фильтров (FEATURE_LISTING_FILTER_BADGES), чипы выбранных
   фильтров (FEATURE_LISTING_ACTIVE_CHIPS), «Цена: физлицо / юрлицо» во всех видах (FEATURE_LISTING_PRICE_SELECT).
   Поведение — js/catalog-ux.js.
   ========================================================================== */

/* ---- счётчик выбранного у группы фильтров ---- */
.flt-cnt { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 8px; border-radius: 99px; background: var(--premium-accent-a, #1e4fe0); color: #fff; font-size: 11.5px; font-weight: 800; line-height: 1; }
#filters-container .accordion-item.flt-has > .accordion-header .accordion-button { color: var(--premium-accent-a, #1e4fe0); font-weight: 700; }
html[data-theme="dark"] #filters-container .accordion-item.flt-has > .accordion-header .accordion-button { color: #8fb0ff; }

/* ---- чипы выбранных фильтров над выдачей ---- */
.flt-active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 16px; }
.flt-active[hidden] { display: none; }
.flt-active-t { font-size: 13px; font-weight: 700; color: var(--premium-ink-soft, #5b6472); margin-right: 2px; }
.flt-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px 7px 13px; border-radius: 99px; border: 1px solid var(--premium-line, #e4e8ef); background: #fff; color: var(--premium-ink, #0b1220); font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color .15s, background .15s, transform .15s, opacity .2s; }
.flt-chip i { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--premium-chip-bg, #f4f6fa); color: var(--premium-ink-soft, #5b6472); font-size: 10px; }
.flt-chip:hover { border-color: #ef4444; transform: scale(1.03); }
.flt-chip:hover i { background: #ef4444; color: #fff; }
.flt-chip.is-gone { opacity: .35; pointer-events: none; }
.flt-reset { border: 0; background: none; color: var(--premium-accent-a, #1e4fe0); font-size: 13px; font-weight: 700; cursor: pointer; padding: 6px 4px; }
.flt-reset:hover { text-decoration: underline; }
html[data-theme="dark"] .flt-chip { background: #151922; border-color: #262b36; color: #e7ecf6; }
html[data-theme="dark"] .flt-chip i { background: #232a36; color: #9aa4b2; }

/* ---- «Цена: физлицо / юрлицо» во всех видах ---- */
.pm-ur { display: none; }
html.pm-select[data-price-mode="ur"] .pm-ur { display: inline; }
html.pm-select[data-price-mode="ur"] .pm-fiz { display: none; }
html.pm-select[data-price-mode="ur"] .car-prices .price-fiz, html.pm-select[data-price-mode="ur"] .car-list-prices .price-fiz { display: none; }
html.pm-select[data-price-mode="ur"] .car-prices .price-ur, html.pm-select[data-price-mode="ur"] .car-list-prices .price-ur { display: block; font-size: 1rem; font-weight: 700; color: inherit; }
.ctlg-price .ctlg-dropdown-menu { min-width: 170px; }

/* ---- строка крошек: если не помещается — у «Вида» и «Сортировки» остаются значки и значение ---- */
.catalog-toolbar-row.is-compact .ctlg-pfx { display: none; }
.catalog-toolbar-row.is-compact .catalog-toolbar-dropdowns { gap: 8px; }
.catalog-toolbar-row.is-compact .ctlg-dropdown-btn { padding: 9px 12px; }