/**
 * Assist SEO — front-end styles.
 *
 * Scoped entirely under .assist-seo-breadcrumbs so nothing here touches global
 * ol/ul/li or any theme element. The double-class (nav + list) selectors give
 * enough specificity to survive common theme content-list rules
 * (e.g. .entry-content ol/li) without resorting to !important.
 *
 * @package AssistPress\AssistSEO
 */

.assist-seo-breadcrumbs {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.assist-seo-breadcrumbs .assist-seo-breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Neutralise theme list-item behaviour and markers for our items only. */
.assist-seo-breadcrumbs .assist-seo-breadcrumb-list > li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.assist-seo-breadcrumbs .assist-seo-breadcrumb-list > li::before,
.assist-seo-breadcrumbs .assist-seo-breadcrumb-list > li::marker {
	content: none;
}

.assist-seo-breadcrumbs .assist-seo-breadcrumb-item,
.assist-seo-breadcrumbs .assist-seo-breadcrumb-sep {
	display: inline-flex;
	align-items: center;
}

.assist-seo-breadcrumbs .assist-seo-breadcrumb-sep {
	opacity: 0.6;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.assist-seo-breadcrumbs a {
	text-decoration: none;
}

.assist-seo-breadcrumbs a:hover,
.assist-seo-breadcrumbs a:focus {
	text-decoration: underline;
}

/* The current page is not a link; keep it visually distinct but muted. */
.assist-seo-breadcrumbs [aria-current="page"] {
	color: inherit;
	font-weight: 600;
}

@media ( prefers-reduced-motion: reduce ) {
	.assist-seo-breadcrumbs * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}