.samf-breadcrumb { padding-block: .75rem; font-family: var(--samf-font-body); font-size: var(--samf-fs-small); color: var(--samf-color-muted); }
.samf-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; list-style: none; margin: 0; padding: 0; }
.samf-breadcrumb__item { display: inline-flex; align-items: center; gap: .5rem; letter-spacing: 0; }
.samf-breadcrumb__link { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--samf-color-muted); text-decoration: none; border-radius: var(--samf-radius); }
.samf-breadcrumb__link:hover { color: var(--samf-color-primary); text-decoration: underline; }
.samf-breadcrumb__link:focus-visible { outline: 2px solid var(--samf-color-focus); outline-offset: 2px; }
.samf-breadcrumb__current { color: var(--samf-color-text); font-weight: 600; }
/* Decorative chevron; mirrored in RTL so it points the reading direction. */
.samf-breadcrumb__sep { display: inline-block; inline-size: .5rem; block-size: .5rem; border-block-start: 1.5px solid var(--samf-color-border-strong); border-inline-end: 1.5px solid var(--samf-color-border-strong); transform: rotate(45deg); }
[dir="rtl"] .samf-breadcrumb__sep, :lang(ar) .samf-breadcrumb__sep { transform: rotate(-135deg); }
@media (max-width: 1024px) { .samf-breadcrumb { padding-block: .5rem; } }
@media (max-width: 375px) { .samf-breadcrumb__list { gap: 0 .375rem; } .samf-breadcrumb__current { overflow-wrap: anywhere; } }