/* Основной контейнер */
section.index-tags {
  margin:0;
  padding:0;
}

/* Категория тегов */
section.index-tags .tags-category {
  margin: 0;
  padding: 0;
}

/* Заголовок категории */
section.index-tags .tags-category .h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Контейнер тегов */
section.index-tags .tags-container {
  display: flex;
  flex-wrap: wrap;
  gap:10px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

/* Ссылки-теги */
section.index-tags .tags-container a.tag {
  display: inline-block;
  padding:8px 16px;
  border: 1px solid #333;
  border-radius: 1px;
  background-color: #f6f6f6;
  white-space: nowrap;
  font-size: 0.9rem;
  text-decoration: none;
  color: #333;
  margin: 0;
  line-height: 1;
}

/* Скрытые теги (сначала скрываем все после 10) */
section.index-tags:not(.open) .tags-container a.tag:nth-child(n+11) {
  display: none;
}

/* Кнопка "Показать все" */
section.index-tags .view-all {
  cursor: pointer;
  color: #000;
  margin-top: 10px;
  display: inline-block;
  font-weight: 500;
  font-size: 0.95rem;
  transition: color 0.2s;
  padding: 0;
  border: none;
  background: none;
}

section.index-tags .view-all:hover {
  color: #ff6a00;
}


.wpfClearButton--outside {
  display: none;
  margin:0;
  font-size:12px;
  padding: 9px 20px;
  cursor: pointer;
  background:#fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 1px;
}

.wpfClearButton--outside:hover {
  border: 1px solid #000;
  background-color: #EEE; /* или нужный фон */
  transition: all 0.2s ease;
}

.wpfClearButton--outside:active {
  border: 1px solid #000;
  background-color: #EEE; /* или нужный фон */
  transition: all 0.2s ease;
}