/* Breadcrumbs Styles */
.breadcrumbs {
  margin-bottom: 1.5rem;
  padding: 0.75rem 0;
}

.breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}

.breadcrumbs-item {
  display: flex;
  align-items: center;
}

.breadcrumbs-link {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumbs-link:hover {
  color: var(--color-accent-hover, #a855f7);
  text-decoration: underline;
}

.breadcrumbs-current {
  color: var(--color-text-muted, #9ca3af);
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs-separator {
  display: flex;
  align-items: center;
  margin: 0 0.5rem;
  color: var(--color-text-muted, #9ca3af);
}

.breadcrumbs-separator svg {
  width: 14px;
  height: 14px;
  opacity: 0.6;
}

/* Responsive */
@media (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: 1rem;
    padding: 0.5rem 0;
  }
  
  .breadcrumbs-list {
    font-size: 0.8125rem;
  }
  
  .breadcrumbs-current {
    max-width: 200px;
  }
  
  .breadcrumbs-separator {
    margin: 0 0.35rem;
  }
}

/* Dark theme adjustments */
[data-theme="dark"] .breadcrumbs-link {
  color: var(--color-accent);
}

[data-theme="dark"] .breadcrumbs-link:hover {
  color: #c084fc;
}

[data-theme="dark"] .breadcrumbs-current {
  color: #9ca3af;
}

[data-theme="dark"] .breadcrumbs-separator {
  color: #6b7280;
}

/* Light theme adjustments */
[data-theme="light"] .breadcrumbs-link {
  color: #7c3aed;
}

[data-theme="light"] .breadcrumbs-link:hover {
  color: #6d28d9;
}

[data-theme="light"] .breadcrumbs-current {
  color: #6b7280;
}

[data-theme="light"] .breadcrumbs-separator {
  color: #9ca3af;
}