/* Whitegoods Help area colours, palette 1 "Clear primaries" (live 2026-10-15), loaded on all four sites.
   Articles #2F6FE4 · Forum #7B4BE0 · Engineers #12A37A · Shop #FF6600 · nav bar #000E42 (from the logo).
   Accents (switcher, tag dots, title highlights, menu hover bars, links, arrows, icons) follow the area;
   buttons stay brand orange #FF6600. palette.js sets html.wgh-pal and data-wgh-site. */

html.wgh-pal { --hub-articles: #2F6FE4; --hub-forum: #7B4BE0; --hub-engineers: #12A37A; --hub-shop: #FF6600; --wgh-accent: #2F6FE4; }
html.wgh-pal[data-wgh-site="forum"] { --wgh-accent: #7B4BE0; }
html.wgh-pal[data-wgh-site="engineers"] { --wgh-accent: #12A37A; }
html.wgh-pal[data-wgh-site="shop"] { --wgh-accent: #FF6600; }

/* Site switcher: each area in its own colour */
html.wgh-pal .wgh-hdr .wgh-area.is-articles, html.wgh-pal body .header .wgh-area.is-articles { --area: #2F6FE4 !important; }
html.wgh-pal .wgh-hdr .wgh-area.is-forum, html.wgh-pal body .header .wgh-area.is-forum { --area: #7B4BE0 !important; }
html.wgh-pal .wgh-hdr .wgh-area.is-engineers, html.wgh-pal body .header .wgh-area.is-engineers { --area: #12A37A !important; }
html.wgh-pal .wgh-hdr .wgh-area.is-shop, html.wgh-pal body .header .wgh-area.is-shop { --area: #FF6600 !important; }

/* Tag dots and the highlighted words in titles */
html.wgh-pal .wgh-eyebrow::before, html.wgh-pal .wh-mast-eyebrow::before, html.wgh-pal .wh-section-kicker::before,
html.wgh-pal .wh-eyebrow > span[aria-hidden], html.wgh-pal .wh-legal-dot { background: var(--wgh-accent) !important; }
html.wgh-pal h1 span:not(.sr-only):not(.screen-reader-text), html.wgh-pal h1 b, html.wgh-pal h1 u, html.wgh-pal h2 u, html.wgh-pal h2 > span:not(.sr-only):not(.screen-reader-text) { color: var(--wgh-accent) !important; }

/* Nav bar in the logo navy; menu accents in the area colour */
html.wgh-pal body nav.nav-container, html.wgh-pal body nav.container-fluid.nav-container { background: #000E42 !important; }
html.wgh-pal nav.nav-container, html.wgh-pal .wgh-dm, html.wgh-pal .wgh-hdr .wgh-mega { --wh-orange: var(--wgh-accent); --wh-orange-dark: var(--wgh-accent); }
html.wgh-pal body nav.container-fluid.nav-container .menu-main-menu-container > ul.menu > li.menu-item-has-children > ul.sub-menu > li > a:not([href="#"]) { color: var(--wgh-accent); }
html.wgh-pal .wgh-hdr .wgh-mega .wgh-mega-ico { color: var(--wgh-accent) !important; }
html.wgh-pal .wgh-dm-back { color: var(--wgh-accent) !important; }
html.wgh-pal .wgh-dm-all { background: color-mix(in srgb, var(--wgh-accent) 9%, #fff) !important; color: var(--wgh-accent) !important; }
html.wgh-pal .wgh-hdr .wgh-msearch-btn[aria-expanded="true"] { border-color: var(--wgh-accent) !important; color: var(--wgh-accent) !important; }
/* Buttons keep the brand orange */
html.wgh-pal nav.nav-container .wgh-btn-primary, html.wgh-pal body nav.nav-container .wgh-mega-help a.wgh-btn,
html.wgh-pal body nav.nav-container .wgh-mega-help a.wgh-btn:hover, html.wgh-pal .wgh-hdr .wgh-mega .wgh-btn-primary { background: #FF6600 !important; color: #fff !important; }