/* =====================================================================
   EXPERIENCE ITALY — BREADCRUMBS
   ---------------------------------------------------------------------
   A quiet wayfinding strip between the site header and the page header.
   Left-aligned to the same measure the page content uses, on the ivory
   ground so it reads as part of the header furniture rather than as
   content.
   ===================================================================== */

/* Sits directly beneath the header photograph, on the page's own ground,
   so it reads as the first line of the page rather than as a bar.

   Aligned to the shared content container (--ei-content-max), not to the
   header's gutter: the header row is full-width by design, so the logo
   sits further out than the content. The breadcrumb belongs to the
   content, so it takes the content's left edge. Every inner page now
   uses the same container, so that edge is identical site-wide. */
.ei-crumbs {
	background-color: var(--ei-ivory, #FAF6EF);
	padding: 15px 24px 14px;
}

.ei-crumbs__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 9px;
	max-width: var(--ei-content-max, 1180px);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ei-crumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 0;
	font-family: var(--ei-sans, "Jost", sans-serif);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	line-height: 1.4;
}

/* Blocksy adds list markers to some contexts — make sure none appear. */
.ei-crumbs__item::marker,
.ei-crumbs__item::before { content: none; }

.ei-crumbs__link {
	color: var(--ei-taupe, #6B6158);
	text-decoration: none;
	transition: color .25s ease;
}

.ei-crumbs__link:hover {
	color: var(--ei-terracotta, #A15C38);
}

.ei-crumbs__link:focus-visible {
	outline: 2px solid var(--ei-terracotta, #A15C38);
	outline-offset: 3px;
}

.ei-crumbs__sep {
	color: rgba(107, 97, 88, .45);
	font-weight: 300;
}

.ei-crumbs__current {
	color: var(--ei-terracotta, #A15C38);
}

/* ---- mobile ---------------------------------------------------------- */
@media (max-width: 767px) {
	.ei-crumbs {
		padding: 12px 20px 11px;
	}

	.ei-crumbs__item {
		font-size: 11px;
		letter-spacing: 0.13em;
	}
}