/* ST5 — breadcrumbs: one look on every template.
   Scope: body.yb.yb-st5 (class added by inc/areas/fix-st5-breadcrumbs.php).
   Type scale copied from category-grid.css / auto-archives.css: 14px/1.4, #111, "/" separator,
   1px underline on links. Never shown on the home page. */

/* ---------- Never on the home page ---------- */
.yb.yb-st5.home .yb-st5-crumbs,
.yb.yb-st5.home .single-breadcrumbs-wrapper,
.yb.yb-st5.home .woocommerce-breadcrumb { display: none !important; }

/* ---------- Product page: full trail above the H1 (Home / Men / Hoodies / product) ---------- */
.yb.yb-st5.single-product .single-breadcrumbs-wrapper {
	margin: 0 0 10px;
	text-align: left;
}
/* pdp-top.css keeps only the last link; show the whole trail again. */
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	max-width: 100%;
	margin: 0;
	color: #111;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	overflow: hidden;
}
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) > * { display: inline-block !important; }
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .wd-products-nav,
.yb.yb-st5.single-product .single-breadcrumbs:not(.wd-off) .wd-products-nav { display: none !important; }
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a,
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last {
	position: relative;
	flex: 0 0 auto;
	margin: 0 26px 0 0;
	padding: 0 0 1px;
	max-width: 100%;
	color: #111 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a {
	border-bottom: 1px solid #d5d5d5;
}
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a:hover { border-bottom-color: #111; }
/* "/" separator after every link, outside the underline */
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a::after {
	content: "/" !important;
	display: block !important;
	position: absolute;
	top: 0;
	right: -17px;
	margin: 0 !important;
	border: 0;
	color: #8d8d8d;
	font-size: 14px;
}
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a::before,
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last::before,
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last::after { content: none !important; display: none !important; }
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .wd-delimiter,
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-separator { display: none !important; }
/* Long product name: one line, ellipsis, never a third row */
.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last {
	flex: 0 1 auto;
	margin-right: 0;
	color: #57585b !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ---------- Pages with no template trail (help centre): same look as the blog crumbs ---------- */
.yb.yb-st5 .yb-st5-crumbs { margin: 0 0 16px; font: 400 14px/1.4 var(--yb-font, inherit); }
.yb.yb-st5 .yb-st5-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; }
.yb.yb-st5 .yb-st5-crumbs li { max-width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yb.yb-st5 .yb-st5-crumbs li + li::before { content: "/"; margin: 0 8px; color: #8d8d8d; }
.yb.yb-st5 .yb-st5-crumbs a { padding-bottom: 1px; border-bottom: 1px solid #d5d5d5; color: #111; font-size: 14px; text-decoration: none; }
.yb.yb-st5 .yb-st5-crumbs a:hover { border-bottom-color: #111; }

/* ---------- Mobile: readable, one line, no wrap to a third row ---------- */
@media (max-width: 767px) {
	.yb.yb-st5.single-product .single-breadcrumbs-wrapper { margin-bottom: 8px; }
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) {
		flex-wrap: nowrap;
		font-size: 13px;
		line-height: 1.35;
	}
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a,
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last { font-size: 13px !important; }
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a { margin-right: 20px; }
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) a::after { right: -14px; font-size: 13px; }
	/* keep the trail on one line: the product name shrinks first */
	.yb.yb-st5.single-product .single-breadcrumbs .woocommerce-breadcrumb:not(.wd-off) .breadcrumb-last { min-width: 0; }
	.yb.yb-st5 .yb-st5-crumbs { margin-bottom: 12px; font-size: 13px; }
	.yb.yb-st5 .yb-st5-crumbs a { font-size: 13px; }
	.yb.yb-st5 .yb-st5-crumbs ol { flex-wrap: nowrap; overflow: hidden; }
	.yb.yb-st5 .yb-st5-crumbs li + li::before { margin: 0 6px; }
}