/* Topics strip — category archives (template-parts/blog/topics-strip.php) */

.smyk-bts__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.smyk-bts__chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 8px 8px;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 999px;
  text-decoration: none;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.95rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.smyk-bts__chip:hover {
  border-color: var(--smyk-orange, #e41d56);
  box-shadow: 0 2px 10px rgba(228, 29, 86, 0.12);
}

.smyk-bts__thumb {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.smyk-bts__chip--all {
  padding: 8px 18px;
  background: var(--smyk-orange, #e41d56);
  border-color: var(--smyk-orange, #e41d56);
  color: #fff;
}

.smyk-bts__chip--all:hover {
  background: var(--smyk-orange-hover, #c2164a);
  border-color: var(--smyk-orange-hover, #c2164a);
}

@media (max-width: 540px) {
  .smyk-bts__thumb { width: 36px; height: 36px; }
  .smyk-bts__chip  { font-size: 0.9rem; }
}