/* Popular Topics Styling */

.topic-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}

.topic-cloud .badge {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5rem 1rem;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}

.topic-cloud .badge:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.topic-cloud .badge:active {
  transform: scale(1.05);
}

/* Active topic state */
.topic-cloud .badge.active-topic {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
  transform: scale(1.05);
  font-weight: bold;
}

/* Topics in timeline - adjust styling for inline display */
.topics-row .topic-cloud .badge {
  display: inline-block;
  margin: 0.25rem;
}

/* Ensure badges are responsive on mobile */
@media (max-width: 576px) {
  .topic-cloud {
    justify-content: center;
  }

  .topic-cloud .badge {
    font-size: 0.9rem !important;
    padding: 0.4rem 0.8rem;
  }
}