.YC-BK,
.yc-page-hero__bc {
	display:flex;
	justify-content:center;
	width:100%;
}

.YC-BK > ol,
.yc-page-hero__bc > ol,
ol.BreadcrumbsFilters {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px;
	margin:0;
	padding:0;
	list-style:none;
}

.yc-woo-page-header .YC-BK,
.yc-woo-storefront__hero .YC-BK,
.yc-sp-bc .YC-BK,
.bc-pt-product.YC-BK {
	justify-content:flex-start;
	width:auto;
}

.yc-woo-page-header .YC-BK > ol,
.yc-woo-storefront__hero .YC-BK > ol,
.yc-sp-bc .YC-BK > ol,
.bc-pt-product.YC-BK > ol {
	justify-content:flex-start;
}

.YC-BK > ol > li,
.yc-page-hero__bc > ol > li,
ol.BreadcrumbsFilters > li {
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:0;
	color:var(--secondarytext);
	font-size: 17px;
	font-weight:500;
	line-height:1.4;
}

.YC-BK > ol > li > a,
.yc-page-hero__bc > ol > li > a,
ol.BreadcrumbsFilters > li > a {
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:0;
	color:inherit;
	font-size: 18px;
	font-weight:500;
	text-decoration:none;
	transition:color 0.2s ease;
}

.YC-BK > ol > li > a:hover,
.yc-page-hero__bc > ol > li > a:hover,
ol.BreadcrumbsFilters > li > a:hover {
	color:var(--uicolor);
}

.YC-BK > ol > li:last-child span,
.yc-page-hero__bc > ol > li:last-child span,
ol.BreadcrumbsFilters > li:last-child span {
	color:var(--primary-text);
	font-weight: 600;
}

.YC-BK > ol > li > a > span > i,
.yc-page-hero__bc > ol > li > a > span > i,
ol.BreadcrumbsFilters > li > a > span > i {
	font-size: 19.5px;
}

.YC-BK > ol > li::before,
.yc-page-hero__bc > ol > li::before,
ol.BreadcrumbsFilters > li::before {
	content:"\f104";
	font-family:"Font Awesome 7 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Pro", sans-serif;
	font-weight:700;
	font-size:11px;
	color:var(--secondarytext);
	opacity:0.65;
	line-height:1;
}

html[dir="ltr"] .YC-BK > ol > li::before,
html[dir="ltr"] .yc-page-hero__bc > ol > li::before,
html[dir="ltr"] ol.BreadcrumbsFilters > li::before {
	content:"\f105";
}

.YC-BK > ol > li:first-child::before,
.yc-page-hero__bc > ol > li:first-child::before,
ol.BreadcrumbsFilters > li:first-child::before {
	display:none;
}

/* Page Hero specific colors */
.yc-page-hero.has-bg .yc-page-hero__bc > ol > li,
.yc-woo-page-header .YC-BK > ol > li {
	color:color-mix(in srgb,var(--sp-fill) 78%,transparent);
}

.yc-page-hero.has-bg .yc-page-hero__bc > ol > li::before,
.yc-woo-page-header .YC-BK > ol > li::before {
	color:color-mix(in srgb,var(--sp-fill) 55%,transparent);
}

.yc-page-hero.has-bg .yc-page-hero__bc > ol > li > a:hover,
.yc-woo-page-header .YC-BK > ol > li > a:hover {
	color:var(--sp-fill);
}

.yc-page-hero.has-bg .yc-page-hero__bc > ol > li:last-child span,
.yc-woo-page-header .YC-BK > ol > li:last-child span {
	color:var(--sp-fill);
}

@media only screen and (max-width:992px) {
	.YC-BK > ol > li,
	.yc-page-hero__bc > ol > li,
	ol.BreadcrumbsFilters > li {
		font-size:12.5px;
	}

	.YC-BK > ol > li > a,
	.yc-page-hero__bc > ol > li > a,
	ol.BreadcrumbsFilters > li > a {
		font-size:12.5px;
	}

	.YC-BK > ol > li::before,
	.yc-page-hero__bc > ol > li::before,
	ol.BreadcrumbsFilters > li::before {
		font-size:10px;
	}
}

/* =========================
   Mobile App Experience
========================= */
@media (max-width:767px) {
    .YC-BK,
    .yc-page-hero__bc {
        justify-content:flex-start;
        min-width:0;
        overflow-x:auto;
        overflow-y:hidden;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .YC-BK::-webkit-scrollbar,
    .yc-page-hero__bc::-webkit-scrollbar {
        display:none;
    }

    .YC-BK > ol,
    .yc-page-hero__bc > ol,
    ol.BreadcrumbsFilters {
        width:max-content;
        min-width:100%;
        flex-wrap:nowrap;
        justify-content:flex-start;
        white-space:nowrap;
    }

    .YC-BK > ol > li,
    .yc-page-hero__bc > ol > li,
    ol.BreadcrumbsFilters > li {
        flex:0 0 auto;
        min-width:0;
    }

    .YC-BK > ol > li > a,
    .yc-page-hero__bc > ol > li > a,
    ol.BreadcrumbsFilters > li > a {
        min-height:32px;
    }
}