/* ==========================================================================
   Meta Helpers Styles
   ========================================================================== */

/**
 * Custom taxonomy meta styling for entities, themes, and tags
 */

.cs-meta-entities .cs-meta-label,
.cs-meta-themes .cs-meta-label,
.cs-meta-tags .cs-meta-label {
  font-weight: 600;
  margin-right: 0.5rem;
  opacity: 0.8;
}

.cs-meta-entity-link,
.cs-meta-theme-link,
.cs-meta-tag-link {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
}

.cs-meta-entity-link:hover,
.cs-meta-theme-link:hover,
.cs-meta-tag-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Tag-specific styling with hashtag prefix */
.cs-meta-tag-link {
  margin-right: 0.5rem;
  font-size: 0.8rem;
}

/* Overlay specific adjustments */
.cs-overlay-content .cs-meta-entities,
.cs-overlay-content .cs-meta-themes,
.cs-overlay-content .cs-meta-tags {
  color: inherit;
}

/* Compact layout for overlay */
.cs-meta-overlay-transparent .cs-meta-entities,
.cs-meta-overlay-transparent .cs-meta-themes,
.cs-meta-overlay-transparent .cs-meta-tags {
  display: inline-block;
  margin: 0 0.75rem 0.25rem 0;
}

.cs-meta-overlay-transparent .cs-meta-entities:first-child,
.cs-meta-overlay-transparent .cs-meta-themes:first-child,
.cs-meta-overlay-transparent .cs-meta-tags:first-child {
  margin-left: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .cs-meta-entities,
  .cs-meta-themes,
  .cs-meta-tags {
    font-size: 0.8rem;
  }

  .cs-meta-entities .cs-meta-label,
  .cs-meta-themes .cs-meta-label,
  .cs-meta-tags .cs-meta-label {
    display: none; /* Hide labels on small screens for cleaner look */
  }
}