/* Shared breadcrumb styles for PBD SEO layer */
.pbd-breadcrumb,
.sp-breadcrumb,
.page-default-breadcrumb,
.bl-breadcrumb {
    margin-bottom: 20px;
}

.pbd-breadcrumb__list,
.sp-breadcrumb__list,
.page-default-breadcrumb__list,
.bl-breadcrumb__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 6px;
    font-size: 0.8rem;
    color: #777;
}

.pbd-breadcrumb__item + .pbd-breadcrumb__item::before,
.sp-breadcrumb__item + .sp-breadcrumb__item::before,
.page-default-breadcrumb__item + .page-default-breadcrumb__item::before,
.bl-breadcrumb__item + .bl-breadcrumb__item::before {
    content: "/";
    opacity: 0.4;
    margin-right: 6px;
}

.pbd-breadcrumb__link,
.sp-breadcrumb__link,
.page-default-breadcrumb__link,
.bl-breadcrumb__link {
    color: #777;
    text-decoration: none;
    transition: color 0.18s ease;
}

.pbd-breadcrumb__link:hover,
.sp-breadcrumb__link:hover,
.page-default-breadcrumb__link:hover,
.bl-breadcrumb__link:hover {
    color: #ff6600;
}

.pbd-breadcrumb__item--current,
.sp-breadcrumb__item--current,
.page-default-breadcrumb__item--current,
.bl-breadcrumb__item--current {
    color: #b0b0b0;
    font-weight: 500;
}

.sp-author-bio__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

.sp-author-bio__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #2a2a2a;
    color: #b0b0b0;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.18s ease;
}

.sp-author-bio__social-link:hover {
    color: #ff6600;
    border-color: #ff6600;
}

.sp-meta__updated {
    color: #777;
}