/*
 * Editorial breadcrumb — uppercase label-style trail with hairline separators.
 * Used by shop, product, account pages.
 */

.breadcrumb-editorial {
    font-size: var(--text-label);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    list-style: none;
    padding: 0;
}

.breadcrumb-editorial a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition-default);
}

.breadcrumb-editorial a:hover {
    color: var(--color-text);
}

.breadcrumb-editorial .sep {
    opacity: 0.5;
}

.breadcrumb-editorial .current {
    color: var(--color-text);
}