/**
 * File: assets/css/frontend/breadcrumbs/breadcrumbs.css
 * Purpose: Styles accessible generic theme breadcrumb trails with restrained separators and responsive overflow.
 * Scope: Theme-owned page, blog and search breadcrumbs only; commerce breadcrumbs remain plugin-owned.
 * Related PHP: src/Frontend/Breadcrumbs/BreadcrumbRenderer.php
 * Related CSS: assets/css/foundation/tokens.css
 * Related JS: None
 * Package: HyperDAF Pro
 */

.hdf-breadcrumbs-wrap { border-bottom: var(--hdf-border-width-default) solid var(--hdf-color-border); background: var(--hdf-color-surface-subtle); }
.hdf-breadcrumbs { width: min(calc(100% - (2 * var(--hdf-layout-gutter-desktop))), var(--hdf-layout-wide)); margin-inline: auto; overflow-x: auto; scrollbar-width: none; }
.hdf-breadcrumbs::-webkit-scrollbar { display: none; }
.hdf-breadcrumbs ol { display: flex; min-height: var(--hdf-component-breadcrumb-height); align-items: center; gap: var(--hdf-spacing-2); margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.hdf-breadcrumbs li { display: inline-flex; align-items: center; gap: var(--hdf-spacing-2); min-width: 0; color: var(--hdf-color-text-muted); font-size: var(--hdf-typography-size-xs); }
.hdf-breadcrumbs a { color: var(--hdf-color-text-secondary); text-decoration: none; }
.hdf-breadcrumbs a:hover { color: var(--hdf-color-primary-strong); text-decoration: underline; text-decoration-color: var(--hdf-color-primary); text-underline-offset: .2em; }
.hdf-breadcrumbs li[aria-current="page"] > span:last-child { max-width: var(--hdf-component-breadcrumb-current-max-width); overflow: hidden; color: var(--hdf-color-text-primary); text-overflow: ellipsis; }
.hdf-breadcrumbs__separator { display: inline-flex; color: var(--hdf-color-text-muted); }
.hdf-breadcrumbs__separator .hdf-icon { width: var(--hdf-component-breadcrumb-separator-size); height: var(--hdf-component-breadcrumb-separator-size); }
.hdf-breadcrumbs__collapsed { letter-spacing: .16em; }

@media (max-width: 48rem) { .hdf-breadcrumbs { width: min(calc(100% - (2 * var(--hdf-layout-gutter-mobile))), var(--hdf-layout-wide)); } }