/* Yana Berg — хлебные крошки (inc/breadcrumbs.php). Одни на весь сайт: под меню, в общей сетке
 * страниц (1280 px), на тёмном фоне обложки. «Início / Раздел / … / Текущая страница».
 */

.yb-crumbs-bar {
	position: relative;
	z-index: 2;
	max-width: 1328px;
	margin: 0 auto;
	padding: 2px 24px 0;
	box-sizing: border-box;
	text-align: left;
}

.yb-crumbs .yb-crumbs__list {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	font-family: var(--yb-font-body);
	font-size: var(--yb-fs-label);
	font-weight: 600;
	letter-spacing: var(--yb-track-caps);
	text-transform: uppercase;
	white-space: nowrap;
}

.yb-crumbs__list::-webkit-scrollbar {
	display: none;
}

.yb-crumbs .yb-crumbs__item {
	display: flex;
	flex: none;
	align-items: center;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

/* Сжимается только текущая страница — её название обрезается многоточием. */
.yb-crumbs .yb-crumbs__item:last-child {
	flex: 0 1 auto;
	min-width: 0;
}

.yb-crumbs__item + .yb-crumbs__item::before {
	content: "/";
	margin: 0 12px;
	color: var(--yb-text-subtle);
}

.yb-crumbs .yb-crumbs__link {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	color: var(--yb-marsala-text);
	text-decoration: none;
	transition: color var(--yb-duration) ease;
}

.yb-crumbs .yb-crumbs__link:hover,
.yb-crumbs .yb-crumbs__link:focus-visible {
	color: var(--yb-white);
	outline: none;
}

.yb-crumbs__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Текущая страница: приглушена, длинное название обрезается многоточием. */
.yb-crumbs__current {
	display: block;
	max-width: 38ch;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--yb-text-subtle);
}

@media (max-width: 700px) {
	.yb-crumbs-bar {
		padding: 0 20px;
	}

	.yb-crumbs .yb-crumbs__list {
		font-size: var(--yb-fs-micro);
		letter-spacing: var(--yb-track-button);
	}

	.yb-crumbs__item + .yb-crumbs__item::before {
		margin: 0 8px;
	}

	.yb-crumbs__current {
		max-width: 22ch;
	}

	/* Длинный путь на телефоне: текущую страницу не показываем — её название стоит заголовком
	 * прямо под крошками. Короткий путь («Início / Contactos») остаётся целиком. */
	.yb-crumbs .yb-crumbs__item:last-child:not(:nth-child(2)) {
		display: none;
	}
}