/**
 * Simple RMS Theme — Breadcrumb hero appearance
 *
 * Bridges the Theme Settings → Breadcrumb tab to the internal breadcrumb hero
 * rendered by templates/breadcrumb.php. The template emits three custom
 * properties inline on the <section>, and this stylesheet is the only place that
 * consumes them:
 *
 *   --breadcrumb-bg        background-image value: url(), linear-gradient() or none
 *   --breadcrumb-bg-color  background-color used by solid mode (and by the
 *                          no-usable-image fallback)
 *   --breadcrumb-fg        foreground for title, crumbs, links and warning pill
 *
 * Scope rules:
 *   - Every selector is `.breadcrumb-page:not(.breadcrumb-page--slim)`. The slim
 *     bar on SEO landing pages (templates/breadcrumb-slim.php) keeps its compiled
 *     solid styling untouched.
 *   - `.breadcrumb-page__overlay` is intentionally not restyled: the template
 *     renders it only for image backgrounds and its compiled dark wash stays as-is.
 *   - No !important. The `:not()` selector raises specificity to (0,3,0) against
 *     the compiled (0,1,0) hero rules, so load order is not load-bearing.
 *   - When every Theme Settings field is empty the helper falls back to
 *     #0f172a / #ffffff, which reproduces the previous compiled rendering.
 */

.breadcrumb-page:not(.breadcrumb-page--slim) {
 background-image: var(--breadcrumb-bg, none);
 background-color: var(--breadcrumb-bg-color, transparent);
}

.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__title,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__current,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__nav,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__link,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__link:hover,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__yoast,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__yoast a,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__yoast a:hover,
.breadcrumb-page:not(.breadcrumb-page--slim)
 .breadcrumb-page__yoast
 .breadcrumb_last,
.breadcrumb-page:not(.breadcrumb-page--slim) .breadcrumb-page__plugin-warning {
 color: var(--breadcrumb-fg, #ffffff);
}