/**
 * @file
 * Breadcrumb styles.
 */

.breadcrumb {
  padding: var(--td-space-sm) 0;
  margin: 0 var(--td-space-md);
  font-size: var(--td-font-size-sm);
  color: var(--td-color-text-muted);
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
}

[dir="rtl"] .breadcrumb ol {
  margin-right: 0;
}

.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.breadcrumb li::before {
  content: " \203A ";
  color: var(--td-color-text-faint);
  margin: 0 var(--td-space-xs);
}

.breadcrumb li:first-child::before {
  content: none;
}

.breadcrumb a {
  color: var(--td-color-primary);
  text-decoration: none;
  transition: color var(--td-transition-duration) var(--td-transition-easing);
}

.breadcrumb a:hover {
  color: var(--td-color-primary-light);
  text-decoration: underline;
}