/*
 * Breadcrumbs: .woocommerce-breadcrumb (WooCommerce's nav, on every page that prints it),
 * .wa-archive-breadcrumbs (theme wrapper around it), its links and .breadcrumb-delimiter.
 * Oxygen universal.css (WooCommerce global styles), snippets 165 and 406.
 */

/* Oxygen's universal.css styled the nav globally: #666, 16px, line-height 1.6. */
.woocommerce-breadcrumb {
	color: color-mix(in srgb, var(--shade-black) 60%, var(--white));
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
}

.wa-archive-breadcrumbs {
	margin-top: var(--space-s);
	margin-bottom: var(--space-m);
	color: var(--base);
	font-size: calc(var(--text-s) * 1.05);
	font-weight: 700;
	line-height: 1;
}

/* Snippet 165 made links shade-medium, snippet 406 forces .woocommerce-breadcrumb a to primary: primary is what shows. */
.wa-archive-breadcrumbs a {
	color: var(--primary);
	font-weight: 400;
}

.wa-archive-breadcrumbs .breadcrumb-delimiter {
	color: var(--shade-medium);
	font-weight: 400;
}