/* Breadcrumb Navigation Styles */

nav.breadcrumb,
.breadcrumb {
  margin-bottom: 30px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  position: relative !important;
  z-index: 100 !important;
}

.breadcrumb-list,
nav.breadcrumb ol,
.breadcrumb ol,
.breadcrumb > ol {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.breadcrumb-item,
nav.breadcrumb li,
.breadcrumb li,
.breadcrumb > ol > li {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 0 !important;
  color: inherit !important;
  line-height: normal !important;
  font-size: 0.9rem !important;
}

.breadcrumb-link,
nav.breadcrumb a,
.breadcrumb a {
  color: #7a5af8a1 !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  transition: color 0.2s ease;
  display: inline-block !important;
}

.breadcrumb-link:hover,
nav.breadcrumb a:hover,
.breadcrumb a:hover {
  color: #7a5af8 !important;
  text-decoration: underline !important;
}

.breadcrumb-current,
nav.breadcrumb span.breadcrumb-current,
.breadcrumb span.breadcrumb-current {
  color: #e6e6e6 !important;
  font-size: 0.9rem !important;
  font-weight: 500;
  display: inline-block !important;
}

.breadcrumb-separator {
  color: #666 !important;
  font-size: 0.7rem !important;
  margin: 0 4px;
  display: inline-block !important;
}

.breadcrumb-separator i {
  font-size: 0.7rem !important;
}