/* ============================
   1. Базовые стили фильтра
============================ */

/* Убираем синий outline */
.svayo-filter-content span.wpc-filter-label-wrapper,
.svayo-filter-content a.wpc-filter-link,
.svayo-filter-content input[type="checkbox"] {
  outline: none !important;
  box-shadow: none !important;
}

/* Скрываем счетчик товаров в чекбоксах */
.svayo-filter-content .wpc-term-count {
  display: none !important;
}

/* Заголовки и тексты — черный цвет */
.svayo-filter-content .wpc-filter-header,
.svayo-filter-content a,
.svayo-filter-content a.wpc-filter-link,
.svayo-filter-content span.wpc-filter-label-wrapper {
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Эффект наведения и активное состояние */
.svayo-filter-content a.wpc-filter-link:hover,
.svayo-filter-content span.wpc-filter-label-wrapper:hover,
.svayo-filter-content span.wpc-filter-label-wrapper:hover *,
.svayo-filter-content
  input.wpc-label-input:checked
  + label
  span.wpc-filter-label-wrapper,
.svayo-filter-content
  input.wpc-label-input:checked
  + label
  span.wpc-filter-label-wrapper
  * {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Расстояние между разделами фильтра (КАТАЛОГ, РАЗМЕР, РОСТ и т.д.) */
.svayo-filter-content .wpc-filters-section {
  margin-top: 5px !important; /* внешний отступ сверху */
  margin-bottom: 5px !important; /* внешний отступ снизу */
  padding-top: 5px !important; /* внутренний отступ сверху */
  padding-bottom: 5px !important; /* внутренний отступ снизу */
}

/* стрелочки фильтров*/
.wpc-filter-collapsible .wpc-open-icon {
  width: 12px !important;
  height: 12px !important;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
}

/* Скрываем только кнопку "Применить", контейнер и "Сбросить" оставляем видимыми */
.svayo-filter-content a.wpc-filters-submit-button {
  display: none !important;
}

/* ============================
   Кастомная кнопка "Сбросить фильтры"
============================ */

.svayo-reset-button {
  position: fixed !important;
  bottom: 24px !important;
  right: 25px !important;
  left: auto !important;
  transform: none !important;
  z-index: 999999 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  height: 40px !important;
  padding: 0 28px !important;

  background: #ffffff !important;
  outline: none !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease,
    background-color 0.2s ease !important;
}

body.svayo-has-active-filters .svayo-reset-button {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.svayo-reset-button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.svayo-filter-content {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge старый */
}

.svayo-filter-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge новый */
}