.tzq-breadcrumb-list {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.875rem;
}
.tzq-breadcrumb-item {
display: inline-flex;
align-items: center;
gap: var(--tzq-spacing-2xs, 0.25rem);
}
.tzq-breadcrumb-current {
display: inline-flex;
align-items: center;
gap: var(--tzq-spacing-2xs, 0.25rem);
padding: var(--tzq-spacing-2xs, 0.25rem) var(--tzq-spacing-sm);
border-radius: var(--tzq-radius-md);
text-decoration: none;
color: var(--tzq-primary);
background: var(--tzq-bg-primary);
border: 1px solid rgba(var(--tzq-primary-rgb), 0.5);
font-weight: var(--tzq-font-semibold);
transition:
border-color var(--tzq-transition-fast),
color var(--tzq-transition-fast),
box-shadow var(--tzq-transition-fast);
}
.tzq-breadcrumb-separator {
color: var(--tzq-text-muted);
font-size: var(--tzq-text-base);
line-height: 1;
user-select: none;
padding: 0 var(--tzq-spacing-2xs, 0.25rem);
}
.tzq-single-breadcrumb {
margin-bottom: var(--tzq-spacing-lg);
}
.tzq-single-breadcrumb .tzq-breadcrumb {
margin-bottom: 0;
}
.tzq-single-breadcrumb.tzq-page-header__eyebrow-badge {
display: inline-block;
padding: var(--tzq-spacing-0-5) var(--tzq-spacing-sm);
background: rgba(255, 255, 255, 0.15);
color: var(--tzq-text-inverse);
border-radius: var(--tzq-radius-md);
font-weight: var(--tzq-font-semibold);
margin-bottom: var(--tzq-spacing-md);
}
.tzq-single-breadcrumb.tzq-page-header__eyebrow-badge .tzq-breadcrumb {
background: transparent;
border: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.tzq-single-breadcrumb.tzq-page-header__eyebrow-badge .tzq-breadcrumb-list {
font-size: var(--tzq-text-sm);
color: inherit;
}
.tzq-single-breadcrumb.tzq-page-header__eyebrow-badge .tzq-breadcrumb-item a,
.tzq-single-breadcrumb.tzq-page-header__eyebrow-badge .tzq-breadcrumb-current {
color: inherit;
background: transparent;
border: 1px solid var(--tzq-primary-light);
padding: 0;
}