/* ============================================================
 * Breadcrumbs styles
 * ============================================================ */

.eco-breadcrumbs {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.eco-breadcrumbs > ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.eco-breadcrumbs > ol > li:not(:last-child)::after {
	content: '\203A';
	margin: 0 1rem;
}

.eco-breadcrumbs > ol > li > a:link,
.eco-breadcrumbs > ol > li > a:visited {
	color: var(--wp--preset--color--aubergine);
	text-decoration: none;
}

.eco-breadcrumbs > ol > li > a:hover,
.eco-breadcrumbs > ol > li > a:focus {
	text-decoration: underline;
}

.eco-breadcrumbs > ol > li > a:focus-visible {
	outline: var(--eco-outline);
	outline-offset: var(--eco-outline-offset);
	border-radius: 1px;
}

.eco-breadcrumbs > ol > li > a[aria-current] {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
}

.eco-breacrumb-current {
	font-weight: bold;
}

@media (max-width: 1000px) {
	.eco-breadcrumbs > ol > li:not(:last-child)::after {
		margin: 0 0.75rem;
	}
}

@media (max-width: 599px) {
	.eco-breadcrumbs {
		margin-bottom: 2rem;
		font-size: 1rem;
	}
	.eco-breadcrumbs > ol > li:not(:last-child)::after {
		margin: 0 0.5rem;
	}
}