/* ============================================
   Breadcrumb Fusion - Page Produits
   Design System SOMEF
   ============================================ */

.breadcrumb-fusion {
  margin: var(--spacing-md, 16px) 0 var(--spacing-lg, 24px);
  padding: 0;
}

.breadcrumb-list-fusion {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-small, 0.875rem);
  line-height: var(--line-height-base, 1.5);
}

.breadcrumb-list-fusion li {
  display: flex;
  align-items: center;
  color: var(--color-text-light, #666666);
}

.breadcrumb-list-fusion li:not(:last-child)::after {
  content: '/';
  margin: 0 var(--spacing-sm, 8px);
  color: var(--color-text-lighter, #999999);
  font-weight: normal;
}

.breadcrumb-list-fusion li a {
  color: var(--color-text-light, #666666);
  text-decoration: none;
  transition: color var(--transition-base, 0.2s ease);
}

.breadcrumb-list-fusion li a:hover {
  color: var(--color-primary, #d33343);
  text-decoration: underline;
}

.breadcrumb-list-fusion li span[itemprop="name"] {
  color: var(--color-text, #252122);
  font-weight: var(--font-weight-normal, normal);
}

.breadcrumb-list-fusion li:last-child span[itemprop="name"] {
  color: var(--color-text, #252122);
  font-weight: var(--font-weight-bold, bold);
}

/* Responsive */
@media (max-width: 767px) {
  .breadcrumb-fusion {
    margin: var(--spacing-sm, 8px) 0 var(--spacing-md, 16px);
  }
  
  .breadcrumb-list-fusion {
    font-size: 0.8125rem;
  }
  
  .breadcrumb-list-fusion li:not(:last-child)::after {
    margin: 0 var(--spacing-xs, 4px);
  }
}