/* Set spacing for headings that follow breadcrumbs */
.yoast-breadcrumbs + .wp-block-heading,
.wp-block-yoast-seo-breadcrumbs + .wp-block-heading {
    margin-top: var(--wp--preset--spacing--30);
}

/* Breadcrumbs container */
.yoast-breadcrumbs > span {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--20);
    row-gap: 0px;
    padding-left: calc(24px + var(--wp--preset--spacing--20));

    & > span:has(svg) {
        margin-left: calc(-25px - var(--wp--preset--spacing--20));
        display: flex;
    }
}

/* Breacrumb links */
.yoast-breadcrumbs a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
    font-weight: 700;
}

/* Disable links in the editor */
.wp-block .yoast-breadcrumbs a {
    pointer-events: none;
}

/* Exception for breadcrumbs in section styles */
.is-style-section-secondary .yoast-breadcrumbs .breadcrumbs-logo path {
    fill: var(--wp--preset--color--base);
}
.is-style-section-secondary .yoast-breadcrumbs .breadcrumbs-separator path {
    stroke: var(--wp--preset--color--base);
}