.msc-design-system .site-header-row-container-inner,
.msc-design-system .item-is-stuck { transition: none; }
.msc-design-system .site-header-item,
.msc-design-system .header-navigation .menu > li > a { min-width: 0; }
.msc-design-system .header-navigation .menu > li > a { gap: .55em; }
.msc-design-system .header-navigation .menu > li > a:hover,
.msc-design-system .header-navigation .menu > li.current-menu-item > a {
	background: color-mix(in srgb, var(--msc-blue) 9%, transparent);
	color: var(--msc-blue);
}
.msc-design-system .header-navigation .sub-menu,
.msc-design-system .wp-block-kadence-navigation .sub-menu {
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}
.msc-design-system .header-navigation img.avatar,
.msc-design-system .kadence-account-image img { aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
.msc-design-system .item-is-stuck { transform: none !important; }
.msc-design-system .kb-user-info-avatar img { width: 40px; height: 40px; object-fit: cover; }
.msc-design-system .link-highlight-label-text { text-align: center; }
.msc-design-system .wp-block-kadence-header.header-desktop-sticky .item-is-stuck,
.msc-design-system .wp-block-kadence-navigation.navigation-desktop-orientation-horizontal .sub-menu {
	box-shadow: none;
}

.msc-design-system .wp-block-kadence-off-canvas-trigger .msc-foundation-menu-icon {
	display: block;
	width: 30px;
	height: 30px;
	overflow: visible;
}
.msc-design-system .wp-block-kadence-off-canvas-trigger .msc-foundation-menu-icon .line {
	fill: none;
	stroke: currentColor;
	stroke-width: 2px !important;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform .24s ease, opacity .18s ease;
}
.msc-design-system .wp-block-kadence-off-canvas-trigger.triggered .msc-foundation-menu-icon .line1 {
	transform: translateY(6px) rotate(45deg);
}
.msc-design-system .wp-block-kadence-off-canvas-trigger.triggered .msc-foundation-menu-icon .line2 {
	transform: translateY(-6px) rotate(-45deg);
}
.msc-design-system .wp-block-kadence-off-canvas-trigger.triggered .msc-foundation-menu-icon .line {
	stroke: #EF3E46;
	stroke-width: 2.8px !important;
}

@media (min-width:1025px) {
	/*
	 * Keep the header glass on a sibling pseudo-layer. Applying backdrop-filter
	 * directly to the row creates a backdrop root and prevents its descendant
	 * mega menus from sampling the page behind them.
	 */
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner {
		position: relative;
		width: min(calc(100vw - var(--msc-site-horizontal-gutters, 32px)), var(--msc-site-container-width, 1104px));
		margin-inline: auto;
		background: transparent !important;
	}
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner::before {
		content: "";
		position: absolute;
		z-index: 0;
		inset: 0;
		pointer-events: none;
		background: rgba(238,238,238,.7);
		border-radius: 12px;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		transition: border-radius .16s ease;
	}
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner:has(.menu-item:hover > .sub-menu.mega-menu)::before,
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner:has(.menu-item:focus-within > .sub-menu.mega-menu)::before,
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner:has(.menu-item--toggled-on > .sub-menu.mega-menu)::before {
		border-radius: 12px 12px 0 0;
	}
	.msc-design-system .wp-block-kadence-header-desktop .kadence-header-row-inner > .wp-block-kadence-header-section {
		position: relative;
		z-index: 1;
	}
	.msc-design-system ul.sub-menu.kb-nav-sub-menu.mega-menu {
		left: var(--msc-mega-left, calc(var(--kb-nav-dropdown-show-left) - 16px)) !important;
		width: var(--msc-mega-width, calc(var(--kb-nav-dropdown-width) + 32px)) !important;
		background: rgba(238,238,238,.7);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
	.msc-design-system button.kb-nav-dropdown-toggle-btn { display: none !important; }
	.msc-design-system .main-menu-navigation .navigation > .menu-container > .menu > .wp-block-kadence-navigation-link > .kb-link-wrap > .kb-nav-link-content {
		padding-right: 0;
		padding-left: 0;
		margin-right: 20px;
	}
}

@media (max-width:1024px) {
	/* The animated header trigger is the sole mobile close control. */
	.msc-design-system .kb-off-canvas-inner-wrap > .kb-off-canvas-close,
	.msc-design-system .kb-off-canvas-inner-wrap .kb-off-canvas-close {
		display: none !important;
	}
	.msc-design-system :is(.wp-block-kadence-header-mobile,.wp-block-kadence-header-tablet) .kadence-header-row-inner {
		transition: width .24s ease, border-radius .24s ease, left .24s ease !important;
	}
	.msc-design-system .wp-block-kadence-header-mobile:has(.wp-block-kadence-off-canvas-trigger.triggered) .kadence-header-row-inner {
		position: relative;
		left: 50%;
		width: 100vw !important;
		max-width: 100vw !important;
		border-radius: 0 !important;
		transform: translateX(-50%);
	}
	.msc-design-system .kadence-header-row-inner,
	.msc-design-system .mega-menu-blur {
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
	/* Keep the replicated tablet/mobile shell identical across Kadence installs. */
	.msc-design-system :is(.wp-block-kadence-header-tablet,.wp-block-kadence-header-mobile) {
		position: relative;
		width: 100% !important;
	}
	.msc-design-system :is(.wp-block-kadence-header-tablet,.wp-block-kadence-header-mobile) .kadence-header-row-inner {
		position: relative !important;
		left: 50% !important;
		box-sizing: border-box;
		width: calc(100vw - 32px) !important;
		max-width: none !important;
		margin-inline: auto !important;
		transform: translateX(-50%) !important;
		border-radius: 12px !important;
		background: rgba(238,238,238,.4) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		backdrop-filter: blur(12px) !important;
	}
	.msc-design-system .wp-block-kadence-header-mobile:has(.wp-block-kadence-off-canvas-trigger.triggered) .kadence-header-row-inner {
		width: 100vw !important;
		border-radius: 0 !important;
	}
	.msc-design-system .kb-off-canvas-inner-wrap {
		top: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-top: 76px !important;
		background: rgba(238,238,238,.72) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		backdrop-filter: blur(12px) !important;
	}
	/* Receiver themes must not recolour or re-space replicated mobile links. */
	.msc-design-system .kb-off-canvas-inner-wrap .kb-nav-link-content,
	.msc-design-system .kb-off-canvas-inner-wrap .kb-nav-label-content,
	.msc-design-system .kb-off-canvas-inner-wrap .kb-nav-label-description,
	.msc-design-system .kb-off-canvas-inner-wrap .kb-nav-link-icon {
		color: inherit;
	}
	.msc-design-system .kb-off-canvas-inner-wrap .wp-block-kadence-navigation-link > .kb-link-wrap {
		background: transparent;
		border-color: transparent;
		box-shadow: none;
	}
	.msc-design-system .kb-off-canvas-inner-wrap .wp-block-kadence-navigation-link > .kb-link-wrap:is(:hover,:focus-visible) {
		background: color-mix(in srgb, var(--msc-blue) 9%, transparent);
		color: var(--msc-blue);
	}
	.msc-design-system .wp-block-kadence-navigation .menu .menu-item--toggled-on > .sub-menu { margin-left: 0; }
	.msc-design-system .kb-off-canvas-inner { justify-content: space-between; }
	.msc-design-system .mobile-menu-sticky-footer { position: sticky; bottom: 0; }
	.msc-design-system .kb-off-canvas-inner-wrap .wp-block-kadence-navigation-link > .kb-link-wrap {
		width: 100%;
	}
}

/* One Foundation breakpoint, independent of each receiver's Kadence setting. */
@media (min-width:768px) and (max-width:1024px) {
	.msc-design-system .wp-block-kadence-header-desktop {
		display: none !important;
	}
	.msc-design-system .wp-block-kadence-header-tablet {
		display: block !important;
	}
	.msc-design-system .wp-block-kadence-header-mobile {
		display: none !important;
	}

	/*
	 * Tablet has one glass surface: the menu panel itself. The full-screen
	 * off-canvas sheet remains transparent so it cannot blur a second layer.
	 */
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .kb-off-canvas-inner-wrap {
		background: transparent !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	/* Tablet keeps the closed header width while the menu is open. */
	.msc-design-system .wp-block-kadence-header-tablet:has(.wp-block-kadence-off-canvas-trigger.triggered) .kadence-header-row-inner {
		width: calc(100vw - 32px) !important;
		max-width: none !important;
		border-radius: 12px 12px 0 0 !important;
	}

	/* Kadence's off-canvas overlay must never become a second glass layer. */
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas::before,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas::after,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .kb-off-canvas-overlay {
		background: transparent !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .kb-off-canvas-inner {
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
		padding-inline: 16px !important;
	}

	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .mega-menu-blur {
		box-sizing: border-box;
		flex: 0 0 auto;
		width: min(calc(100vw - 32px), var(--msc-site-container-width, 1104px)) !important;
		max-width: min(calc(100vw - 32px), var(--msc-site-container-width, 1104px)) !important;
		margin-inline: auto !important;
		background: rgba(238,238,238,.72) !important;
		border-radius: 0 0 12px 12px;
		-webkit-backdrop-filter: blur(12px) !important;
		backdrop-filter: blur(12px) !important;
	}

	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .mega-menu-blur > .kt-inside-inner-col,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .mega-menu-blur .wp-block-kadence-navigation,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .mega-menu-blur .navigation,
	.msc-design-system .wp-block-kadence-header:has(.wp-block-kadence-header-tablet) > .wp-block-kadence-off-canvas .mega-menu-blur .kb-navigation {
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
	}
}