/*
 * One global breadcrumb size: content-width, centred and single-line. Long
 * trails remain intact and can scroll on narrow screens instead of wrapping
 * into a second heading-like row. The doubled class outranks legacy layers.
 */
html body .ww-context-breadcrumb.ww-context-breadcrumb {
	display: block !important;
	box-sizing: border-box !important;
	width: fit-content !important;
	min-width: 0 !important;
	max-width: calc(100% - 24px) !important;
	margin: 3px auto 5px !important;
	padding: 3px 10px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
}

html body .ww-context-breadcrumb.ww-context-breadcrumb::-webkit-scrollbar {
	display: none !important;
}

html body .ww-context-breadcrumb__inner.ww-context-breadcrumb__inner {
	display: flex !important;
	box-sizing: border-box !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	column-gap: 7px !important;
	row-gap: 0 !important;
	white-space: nowrap !important;
}

html body .ww-context-breadcrumb__inner.ww-context-breadcrumb__inner > a,
html body .ww-context-breadcrumb__inner.ww-context-breadcrumb__inner > .ww-context-breadcrumb__current {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

/* Set content spacing from the server-rendered quick navigation.
 * Retired breadcrumbs must not be created by JavaScript to establish layout. */
html body:where(:not(.home)) .ww-global-quick-nav + #content {
	padding-top: 2px !important;
}

html body:where(:not(.home)) .ww-global-quick-nav + #content #main-core {
	padding-top: 10px !important;
}

@media (max-width: 768px) {
	html body .ww-context-breadcrumb.ww-context-breadcrumb {
		width: fit-content !important;
		max-width: calc(100% - 16px) !important;
		margin: 3px auto 5px !important;
		padding: 3px 8px !important;
	}

	html body:where(:not(.home)) .ww-global-quick-nav + #content {
		padding-top: 2px !important;
	}

	html body:where(:not(.home)) .ww-global-quick-nav + #content #main-core {
		padding-top: 8px !important;
	}
}

/* Category navigation occupies one rail; content uses the remaining space. */
@media(min-width:1100px){
 html body.wwsco-navigation-ready #body-core #content #main .wwsco-layout {grid-template-columns:200px minmax(0,1fr)!important;max-width:1728px!important;}
 html body.wwsco-navigation-ready #body-core #content #main .wwsco-layout #main-core {width:100%!important;max-width:none!important;min-width:0!important;padding-inline:20px!important;box-sizing:border-box!important;}
}