/**
 * Mega menu: theme primary + typography fixes (retouching-labs, not RUL orange).
 */

/* Icons from CMS / defaults: recolor hardcoded SVG strokes */
.rul-header .dropdown-menu[class*="mm-s"] svg [stroke="#EA5400"],
.rul-header .dropdown-menu[class*="mm-s"] svg [stroke="#ea5400"],
.rul-header .dropdown-menu[class*="mm-s"] svg [fill="#EA5400"],
.rul-header .dropdown-menu[class*="mm-s"] svg [fill="#ea5400"] {
	stroke: var(--primary-color);
	fill: var(--primary-color);
}

.rul-header .mm-s1-icon,
.rul-header .mm-s2-item-icon,
.rul-header .mm-s3-card-icon,
.rul-header .mm-s4-card-icon,
.rul-header .mm-s5-card-icon {
	color: var(--primary-color);
}

/* mm-s1 column title: linked vs plain must match (Figma 14px / 600) */
.rul-header .mm-s1-col-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0;
	margin: 0 0 4px;
}

@media screen and (min-width: 992px) {
	.rul-header .mm-s1-col-title {
		padding: 0;
	}
}

/* Mobile: space below expanded top-level item (e.g. AI) before first section title */
@media screen and (max-width: 991px) {
	.rul-header .mm-s1-col-title {
		padding: 24px 16px 8px;
	}

	.rul-header .mm-s1-col + .mm-s1-col .mm-s1-col-title {
		padding-top: 8px;
	}
}

.rul-header .mm-s1-col-title a {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: var(--primary-color) !important;
}

/* mm-s2 sidebar: Inter for heading + tabs (active, inactive, hover — same metrics) */
.rul-header .dropdown-menu.mm-s2 .mm-s2-sidebar-heading,
.rul-header .dropdown-menu.mm-s2 .mm-s2-tab-link,
.rul-header .dropdown-menu.mm-s2 .mm-s2-tab--active .mm-s2-tab-link,
.rul-header .dropdown-menu.mm-s2 .mm-s2-tab-link:hover,
.rul-header .dropdown-menu.mm-s2 .mm-s2-tab-link:focus {
	font-family: 'Inter', 'Open Sans', sans-serif;
}

@media screen and (min-width: 992px) {
	.rul-header .dropdown-menu.mm-s2 .mm-s2-sidebar-heading,
	.rul-header .dropdown-menu.mm-s2 .mm-s2-tab-link,
	.rul-header .dropdown-menu.mm-s2 .mm-s2-tab--active .mm-s2-tab-link,
	.rul-header .dropdown-menu.mm-s2 .mm-s2-tab-link:hover {
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
	}

	.rul-header .dropdown-menu.mm-s2 .mm-s2-sidebar-heading {
		font-size: 14px;
		line-height: 20px;
	}

	.rul-header .dropdown-menu.mm-s2 .mm-s2-tab--active .mm-s2-tab-link {
		color: var(--primary-color) !important;
		background-color: #f9fafb;
	}
}

/* Mega “Learn more” / CTA links inherit theme accent */
.rul-header .mm-s1-sidebar-link,
.rul-header .mm-s2-more-link,
.rul-header .mm-s3-card-link,
.rul-header .mm-s4-card-cta,
.rul-header .mm-s5-card-cta {
	color: var(--primary-color) !important;
}

.rul-header .mm-s2-more-link svg {
	stroke: var(--primary-color);
}