/* =============================================================================
   CORE component — Tags Module - default theme
   Generated by Fehmi Demiralp
   ============================================================================= */

/* Tags on cards */
.tag-list { display: flex; flex-wrap: wrap; gap: 6px; }
.tag {
  padding: 3px 10px;
  background: #f0f0f0;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.tag:hover {
  background: #1a1a2e;
  color: #fff;
}
.tag--active {
  background: #1a1a2e;
  color: #fff;
}

/* Sidebar filter items (WText — no Wt button styles) */
.tag-filter-btn {
  display: block;
  padding: 7px 14px;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  background: transparent;
  font-size: 0.82rem;
  font-weight: 500;
  color: #111;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.tag-filter-btn:hover {
  background: #f4f4f4;
  border-color: #1a1a2e;
  color: #111;
}
.tag-filter-btn--active {
  background: #1a1a2e;
  border-color: #1a1a2e;
  color: #fff;
  font-weight: 600;
}
.tag-filter-btn--active:hover {
  opacity: 0.85;
}

@media (max-width: 640px) {
  .tag-filter-btn {
    display: inline-block;
    width: auto;
  }
}