/* Reference Tag Plugin Styles */

/* Position the wrapper to match the inline title and content */
.reference-tags-wrapper {
  /* Use Obsidian's built-in CSS variables for padding */
  padding-left: var(--content-margin-start, 30px);
  padding-right: var(--content-margin-start, 30px);
  margin-top: 8px;
  margin-bottom: 16px;
}

/* Adjust for mobile view */
.is-mobile .reference-tags-wrapper {
  padding-left: var(--content-margin-start, 16px);
  padding-right: var(--content-margin-start, 16px);
}

.reference-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.reference-tag-badge {
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
}

/* Default left side style (same for all) */
.reference-tag-badge-left {
  padding: 0 7px;
  background-color: #555;
  color: #fff;
}

/* Default right side style */
.reference-tag-badge-right {
  padding: 0 7px;
  background-color: #08C;
  color: #fff;
}

/* Value-specific styles for the right part */
.reference-tag-value-outdated {
  background-color: #d73a49; /* Red for outdated */
}

.reference-tag-value-reference {
  background-color: #25bb11; /* Green for reference */
}

.reference-tag-value-ideas {
  background-color: #f6a434; /* Orange for ideas */
}

/* Dark theme adjustments for left side only */
.theme-dark .reference-tag-badge-left {
  background-color: #444;
}

/* Light theme adjustments for left side only */
.theme-light .reference-tag-badge-left {
  background-color: #555;
}
