/**
 * Forge tabbed mega menu — front polish (Goodlife-style).
 * Left rail tabs + breathable multi-column content panel.
 */

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu {
	--forge-tab-accent: var(--tj-color-theme-primary, #1e8a8a);
	--forge-tab-accent-soft: color-mix(in srgb, var(--forge-tab-accent) 12%, #ffffff);
	--forge-tab-border: #eceff1;
	--forge-tab-text: #3a3f44;
	--forge-tab-heading: #1c2428;
	border: 1px solid var(--forge-tab-border);
	box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12);
	border-radius: 2px;
	min-height: 420px !important;
	overflow: hidden !important;
	background: #fff !important;
}

/* —— Left tab rail —— */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
	border-bottom: 1px solid var(--forge-tab-border);
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px 16px 20px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: var(--forge-tab-text) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	background: #fff !important;
	border-right: 1px solid var(--forge-tab-border) !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: 0 !important;
	white-space: normal;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator,
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after,
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {
	display: none !important;
	content: none !important;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	color: var(--forge-tab-accent) !important;
	background: #f7fbfb !important;
}

/* Active tab — soft accent fill + trailing chevron (Goodlife pattern) */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: var(--forge-tab-accent) !important;
	font-weight: 600 !important;
	background: var(--forge-tab-accent-soft, #e8f5f5) !important;
	box-shadow: none !important;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after {
	content: "" !important;
	display: block !important;
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin-left: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	position: static;
	inset: auto;
	top: auto;
	font-family: inherit;
	font-size: 0;
	line-height: 0;
	transition: none;
}

/* —— Right content panel —— */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
	padding: 28px 32px 32px !important;
	background: #fff !important;
	box-sizing: border-box;
}

/* Column blocks (ranges / groups) */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0 20px 8px 0 !important;
	margin: 0 0 8px !important;
	box-sizing: border-box;
}

/* Range / section headers */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	display: block !important;
	padding: 0 0 12px !important;
	margin: 0 0 4px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	color: var(--forge-tab-heading) !important;
	background: transparent !important;
	height: auto !important;
	border: 0 !important;
	white-space: normal;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after,
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
	display: none !important;
	content: none !important;
}

/* Nested product lists */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
	width: 100% !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	background: transparent !important;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
}

/* Product links — generous vertical rhythm */
#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	display: block !important;
	padding: 8px 0 !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	color: #4a5158 !important;
	background: transparent !important;
	height: auto !important;
	min-height: 0 !important;
	border: 0 !important;
	white-space: normal;
	word-break: break-word;
}

#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	color: var(--forge-tab-accent) !important;
	background: transparent !important;
}

/* Fallback when color-mix is unsupported */
@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	#mega-menu-wrap-main-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
	#mega-menu-wrap-forge_tabs li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		background: #e8f5f5 !important;
	}
}