/**
 * Site-wide breadcrumbs — layout variants aligned with listing heroes and profiles.
 */

:root {
	--au-breadcrumbs-fg: #6b6b6b;
	--au-breadcrumbs-fg-muted: #a3a3a3;
	--au-breadcrumbs-fg-current: #111111;
	--au-breadcrumbs-separator: #c8c8c8;
	--au-breadcrumbs-bg: #ffffff;
	--au-breadcrumbs-hero-bg: #f8f8f8;
	--au-breadcrumbs-border: #eeeeee;
}

/* -------------------------------------------------------------------------
   Bar shells
   ------------------------------------------------------------------------- */

.au-breadcrumbs-bar {
	width: 100%;
	box-sizing: border-box;
}

.au-breadcrumbs-bar__inner {
	display: block;
}

/* Default — standard pages, news articles, account */
.au-breadcrumbs-bar--default {
	padding: 1.125rem 0 1.25rem;
	background: var(--au-breadcrumbs-bg);
	border-bottom: 1px solid var(--au-breadcrumbs-border);
}

.au-breadcrumbs-bar--default .au-breadcrumbs__list {
	justify-content: flex-start;
}

/* Listing hub + taxonomy + editorial archive — sits in the grey hero band */
.au-breadcrumbs-bar--hero {
	margin-top: var(--au-listing-hero-pull, -50px);
	padding: 5.25rem 0 0.5rem;
	background: var(--au-breadcrumbs-hero-bg);
	border-bottom: none;
}

.au-breadcrumbs-bar--hero .au-breadcrumbs__list {
	justify-content: center;
	text-align: center;
}

/* Listing singles — aligns with profile layout below */
.au-breadcrumbs-bar--profile {
	padding: 1.125rem 0 0.75rem;
	margin-bottom: 1.35rem;
	background: var(--au-breadcrumbs-bg);
	border-bottom: 1px solid var(--au-breadcrumbs-border);
}

.au-breadcrumbs-bar--profile .au-breadcrumbs__list {
	justify-content: flex-start;
}

/* Vertical rhythm on listing singles once gutters are aligned */
.au-has-breadcrumbs--profile .artunited-event-info-section,
.au-has-breadcrumbs--profile .artunited-gallery-info-section,
.au-has-breadcrumbs--profile .artunited-artist-hero,
.au-has-breadcrumbs--profile .au-editorial-single__hero {
	margin-top: 0;
}

.au-has-breadcrumbs--profile .artunited-event-info-section,
.au-has-breadcrumbs--profile .artunited-gallery-info-section {
	margin-bottom: 1.25rem;
}

.au-has-breadcrumbs--profile .artunited-event-title,
.au-has-breadcrumbs--profile .artunited-gallery-title,
.au-has-breadcrumbs--profile .artunited-artist-title,
.au-has-breadcrumbs--profile .au-editorial-single__hero .entry-title,
.au-has-breadcrumbs--profile .au-editorial-single__hero .artunited-hero-title {
	margin-top: 0;
}

.au-has-breadcrumbs--profile .au-editorial-single__hero {
	margin-bottom: 1.25rem;
}

.au-has-breadcrumbs--profile .au-editorial-single__media {
	margin-bottom: 1.5rem;
}

/* -------------------------------------------------------------------------
   Trail
   ------------------------------------------------------------------------- */

.au-breadcrumbs {
	margin: 0;
}

.au-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Inter, sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0.01em;
	color: var(--au-breadcrumbs-fg);
}

.au-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

.au-breadcrumbs__item:not(:last-child)::after {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 0.3rem;
	height: 0.3rem;
	margin: 0 0.65rem;
	border-right: 1.5px solid var(--au-breadcrumbs-separator);
	border-bottom: 1.5px solid var(--au-breadcrumbs-separator);
	transform: rotate(-45deg) translateY(-1px);
	opacity: 0.9;
}

.au-breadcrumbs__link {
	color: var(--au-breadcrumbs-fg);
	text-decoration: none;
	transition: color 0.2s ease;
}

.au-breadcrumbs__link:hover,
.au-breadcrumbs__link:focus {
	color: var(--au-breadcrumbs-fg-current);
	text-decoration: none;
}

.au-breadcrumbs__current {
	color: var(--au-breadcrumbs-fg-current);
	font-weight: 500;
}

/* -------------------------------------------------------------------------
   Coordination with listing hero + Canvas hub pages
   ------------------------------------------------------------------------- */

.au-has-breadcrumbs--hero .au-list-hero.cnvs-block-section-with-background-color,
.au-hero-band-page .au-list-hero.cnvs-block-section-with-background-color {
	margin-top: 0;
	padding-top: var(--au-listing-hero-padding-top, 0.5rem);
	border-top: none;
	background-color: var(--au-breadcrumbs-hero-bg) !important;
	border-bottom-color: var(--au-breadcrumbs-border) !important;
}

/* Canvas hub pages: first grey section continues the hero band */
.au-has-breadcrumbs--hero .cs-container > .main-content > .cnvs-block-section-with-background-color:first-child,
.au-has-breadcrumbs--hero .main-content > .cnvs-block-section-with-background-color:first-child,
.au-has-breadcrumbs--hero .entry-content > .cnvs-block-section-with-background-color:first-child {
	margin-top: 0 !important;
	padding-top: var(--au-listing-hero-padding-top, 0.5rem) !important;
	padding-bottom: var(--au-listing-hero-padding-bottom, 7.5rem) !important;
	border-top: none !important;
	background-color: var(--au-breadcrumbs-hero-bg) !important;
	border-bottom-color: var(--au-breadcrumbs-border) !important;
}

.au-has-breadcrumbs--hero .au-listing-section,
.au-has-breadcrumbs--hero .au-editorial-list-section {
	margin-top: var(--au-listing-section-overlap, -20px);
}

/* -------------------------------------------------------------------------
   Dark mode
   ------------------------------------------------------------------------- */

[data-scheme="dark"] {
	--au-breadcrumbs-fg: #b0b0b0;
	--au-breadcrumbs-fg-muted: #8c8c8c;
	--au-breadcrumbs-fg-current: #f2f2f2;
	--au-breadcrumbs-separator: #555555;
	--au-breadcrumbs-bg: #1e1e1e;
	--au-breadcrumbs-hero-bg: #242424;
	--au-breadcrumbs-border: #333333;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */

@media (max-width: 719px) {
	.au-breadcrumbs-bar--hero {
		margin-top: var(--au-listing-hero-pull-mobile, -30px);
		padding-top: 4.25rem;
		padding-bottom: 0.75rem;
	}

	.au-breadcrumbs-bar--default {
		padding: 0.9rem 0 1rem;
	}

	.au-breadcrumbs-bar--profile {
		padding: 0.9rem 0 0.65rem;
		margin-bottom: 1.1rem;
	}

	.au-breadcrumbs__list {
		font-size: 0.75rem;
	}

	.au-breadcrumbs__item:not(:last-child)::after {
		margin: 0 0.5rem;
	}
}

@media (max-width: 479px) {
	.au-breadcrumbs-bar--hero .au-breadcrumbs__list {
		justify-content: flex-start;
		text-align: left;
	}
}