/* ============================================================================
   SIDEBAR TAGS - Blog V2
   Post Tags Sidebar
   Extracted from blog-v2.css
   ============================================================================ */

.post-tags-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-1, 8px);
}

.post-tags-cloud .tag-cloud-item {
  padding: 6px 12px;
  border: 2px solid var(--c-border);
  background: var(--c-bg-alt);
  color: var(--c-text-dim);
  border-radius: var(--radius-pill, 50rem);
  font-size: 0.75rem;
  text-decoration: none;
  transition: all var(--motion-med) var(--motion-curve);
  font-weight: 600;
  box-shadow: 0 2px 0 rgba(4, 43, 51, 0.2);
}

.post-tags-cloud .tag-cloud-item:hover {
  border-color: var(--c-accent);
  color: var(--c-accent);
  background: rgba(21, 216, 200, 0.08);
  transform: translateY(-3px);
  box-shadow: 0 4px 0 var(--c-border), 0 6px 0 #042b33;
}

.post-tags-cloud .tag-cloud-item:active {
  transform: translateY(-1px);
  box-shadow: 0 2px 0 var(--c-border);
}

@media (prefers-reduced-motion: reduce) {
  .post-tags-cloud .tag-cloud-item {
    transition: none;
  }
  .post-tags-cloud .tag-cloud-item:hover,
  .post-tags-cloud .tag-cloud-item:active {
    transform: none;
  }
}