/**
 * Breadcrumbs Component
 * SEO-friendly navigation
 *
 * @package Sestito Template
 */

.sestito-breadcrumbs {
  font-family: var(--font-nav);
  font-size: 12px;
  font-weight: 400;
  color: var(--ssc-brand-text-muted);
  padding: 16px 0;
  border-bottom: 1px solid var(--ssc-brand-cream-border);
  margin-bottom: 24px;
}

.sestito-breadcrumbs a {
  color: var(--ssc-brand-text-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.sestito-breadcrumbs a:hover {
  color: var(--ssc-brand-green);
}

.sestito-breadcrumbs__home {
  font-weight: 500;
}

.sestito-breadcrumbs__sep {
  margin: 0 8px;
  color: var(--ssc-brand-cream-border);
}

.sestito-breadcrumbs__current {
  color: var(--ssc-brand-green);
  font-weight: 500;
}

/* Mobile: Simplified breadcrumbs */
@media (max-width: 768px) {
  .sestito-breadcrumbs {
    font-size: 11px;
    padding: 12px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}