/**
 * Penora — premium breadcrumbs.
 */

.penora-breadcrumb-bar {
	width: 100%;
	max-width: 100%;
	background: transparent;
	border-bottom: none;
}

/* Product page breadcrumb styles: assets/css/product-page-premium.css */

.penora-breadcrumb-bar__inner {
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.penora-breadcrumb {
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.penora-breadcrumb::-webkit-scrollbar {
	display: none;
}

.penora-breadcrumb__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	min-width: 0;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: none;
	color: rgba(21, 21, 21, 0.48);
}

.penora-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	max-width: 100%;
}

.penora-breadcrumb__item:not(:last-child)::after {
	content: "/";
	margin: 0 0.6rem;
	color: rgba(184, 145, 79, 0.55);
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0;
}

.penora-breadcrumb__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: rgba(58, 53, 48, 0.72);
	text-decoration: none;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.penora-breadcrumb__home-icon {
	display: flex;
	color: rgba(184, 145, 79, 0.85);
}

.penora-breadcrumb__link:hover,
.penora-breadcrumb__link:focus-visible {
	color: var(--penora-gold, #b8914f);
	outline: none;
}

.penora-breadcrumb__current {
	color: rgba(58, 53, 48, 0.82);
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(52vw, 28rem);
}

@media (min-width: 768px) {
	.penora-breadcrumb__list {
		flex-wrap: wrap;
	}

	.penora-breadcrumb__current {
		max-width: none;
		white-space: normal;
	}
}

/* Yoast breadcrumbs inside theme wrapper */
.penora-breadcrumb--yoast p,
.penora-breadcrumb--yoast span {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
}

.penora-breadcrumb--yoast a.penora-breadcrumb__link {
	text-decoration: none;
}

.penora-breadcrumb--yoast .penora-breadcrumb__current,
.penora-breadcrumb--yoast .breadcrumb_last {
	color: rgba(58, 53, 48, 0.82);
	font-weight: 500;
}

.penora-breadcrumb--yoast .breadcrumb_separator {
	margin: 0 0.6rem;
	color: rgba(184, 145, 79, 0.55);
}