/*
 * Shared breadcrumb trail (template-parts/components/post-breadcrumbs.php).
 *
 * Context-free base styles for templates that render the trail outside the
 * Blog/Case Study hero (e.g. single-integrations.php). The Blog's own
 * `.post-new .post-hero .post-hero__breadcrumbs` rules in css/post-new.css are
 * more specific and keep the hero placement there unchanged.
 * Typography comes from the sd-type-body-md class on each item.
 */
.post-hero__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.post-hero__breadcrumbs a,
.post-hero__breadcrumbs [aria-current="page"] {
    color: rgba(0, 0, 0, .75);
    text-decoration: none;
}

.post-hero__breadcrumbs a:hover {
    color: var(--foreground-primary, #282828);
    text-decoration-line: underline;
    text-underline-position: from-font;
}

.post-hero__breadcrumb-sep {
    color: rgba(0, 0, 0, .55);
}