/**
 * RUL header tokens + scoped resets (extracted from RUL header.css §02).
 * Keeps mega menu CSS variables/fonts working without global html/body overrides.
 */

/* Mega menus + nav accents use retouching-labs theme primary (not RUL orange). */
.rul-header {
	--primary-color: var(--rul-primary-color, #1c92d1);
	--primary-black: #000;
	--primary-white: #fff;
	--default-font-size: 16px;
}

.rul-header .dropdown-menu.mm-s1,
.rul-header .dropdown-menu.mm-s2,
.rul-header .dropdown-menu.mm-s3,
.rul-header .dropdown-menu.mm-s4,
.rul-header .dropdown-menu.mm-s5 {
	--primary-color: var(--rul-primary-color, #1c92d1);
	--primary-black: #000;
	--primary-white: #fff;
	--default-font-size: 16px;
}

.rul-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rul-header a {
	text-decoration: none !important;
}

/* Retouching theme global link colors must not bleed into mega panels */
.rul-header .dropdown-menu.mm-s1 a,
.rul-header .dropdown-menu.mm-s2 a,
.rul-header .dropdown-menu.mm-s3 a,
.rul-header .dropdown-menu.mm-s4 a,
.rul-header .dropdown-menu.mm-s5 a {
	color: inherit;
}

.rul-header .megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}

.rul-header .megamenu-li {
	position: static;
}

/*
 * Mega menu typography (no universal * — it overrode component-level fonts e.g. mm-s2 Inter tabs).
 * Defaults inherit from each panel; card titles use DM Sans where defined in header.css.
 */
.rul-header .dropdown-menu.mm-s1,
.rul-header .dropdown-menu.mm-s3,
.rul-header .dropdown-menu.mm-s4,
.rul-header .dropdown-menu.mm-s5 {
	font-family: 'Open Sans', sans-serif;
}

/* Services mega: sidebar + tabs = Inter (Figma); panel body stays Open Sans via header.css */
.rul-header .dropdown-menu.mm-s2 {
	font-family: 'Inter', 'Open Sans', sans-serif;
}

.rul-header .mm-s3-card-title,
.rul-header .mm-s4-card-title,
.rul-header .mm-s5-card-title {
	font-family: 'DM Sans', sans-serif;
}