/* Стили для фильтра каталога (Vue-компонент pcarbon-catalog-filter).
   Сюда вынесено всё, что нельзя выразить стандартными Tailwind-классами
   (по нашему правилу: arbitrary классы вроде text-[11px] не попадают в bundle). */

/* Скрыть стандартный маркер <summary> в <details>. */
.pcarbon-filter-block details > summary {
  list-style: none;
  outline: none;
}
.pcarbon-filter-block details > summary::-webkit-details-marker {
  display: none;
}

/* Стрелка-шеврон у заголовков групп фильтра. Чистый CSS, чтобы не тянуть svg. */
.pcarbon-filter-chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  opacity: 0.6;
  margin-top: -2px;
}
.pcarbon-filter-chevron.open {
  transform: rotate(-135deg);
  margin-top: 2px;
}