/* =============================================================================
   Platform.Web — Breadcrumb
   The trail rendered by Platform.Web.UI.Breadcrumb.BreadcrumbViewComponent (an <ol class="breadcrumb">).
   Consumers link ~/_content/Platform.Web/css/platform-breadcrumb.css.

   Structure is Platform's; the look is the product's. A product brands the trail by defining these tokens on
   :root. Each falls back to the look the products render today (Bootstrap's breadcrumb with the product's text
   colour), so linking this file changes nothing until a token is set:
     --platform-breadcrumb-text        an item that is not a link (a heading with no page)
     --platform-breadcrumb-link        a link to an ancestor page
     --platform-breadcrumb-link-hover  that link under the pointer
     --platform-breadcrumb-current     the current page, the last item
     --platform-breadcrumb-separator   the divider between items
   ============================================================================= */

.breadcrumb {
    color: var(--platform-breadcrumb-text, var(--text, inherit));
    --bs-breadcrumb-item-active-color: var(--platform-breadcrumb-current, var(--bs-secondary-color));
    --bs-breadcrumb-divider-color: var(--platform-breadcrumb-separator, var(--bs-secondary-color));
}

.breadcrumb-item > a {
    color: var(--platform-breadcrumb-link, rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)));
}

.breadcrumb-item > a:hover {
    color: var(--platform-breadcrumb-link-hover, rgba(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)));
}