/* =========================================================================
   Breadcrumbs -- Standalone breadcrumb styles (supplements hero.css)
   Ensures breadcrumbs render correctly outside hero sections too.
   ========================================================================= */

/* Non-hero context (e.g., top of content area) */
.section .breadcrumb,
.breadcrumb--standalone {
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}

/* Light section context */
.section--light .breadcrumb-link {
    color: var(--color-light-text-muted);
}

.section--light .breadcrumb-link:hover {
    color: var(--color-accent);
}

.section--light .breadcrumb-separator {
    color: var(--color-light-border-hover);
}

.section--light .breadcrumb-current {
    color: var(--color-light-text-secondary);
}