/*! * Hero Air Conditioning — Desktop Navigation (hacd) * WAI-ARIA Disclosure Navigation Menu. * * MEGA PANEL STRATEGY * ------------------- * Services / Systems / Brands render as full-width mega panels laid out in * CSS columns. A 24-brand list becomes ~5 rows instead of ~24, which is what * keeps the panel inside a 768px-tall laptop viewport. * * js/desktop-nav.js moves each mega panel out of the sticky

and * appends it to , then pins it with position:fixed under the blue bar. * That is the only reliable way to escape a sticky ancestor's stacking * context and overflow clip across browsers. * * Every panel also carries a max-height + overflow-y guard, so if a list ever * outgrows the viewport anyway it scrolls instead of disappearing. */ /* ===================================================================== TOKENS ===================================================================== */ :root { --hacd-blue: #1065bd; --hacd-blue-lt: #2986ff; --hacd-red: #e00b16; --hacd-ink: #1a2332; --hacd-muted: #5b6472; --hacd-tint: #fff0f0; --hacd-line: #eef1f5; --hacd-font: 'Open Sans', Arial, Helvetica, sans-serif; /* JS overwrites this per-open with the real distance to the viewport bottom; the value here is a safe fallback for the first paint. */ --hacd-panel-max-h: calc(100vh - 220px); } /* ===================================================================== DESKTOP ONLY (>= 992px) ===================================================================== */ @media screen and (min-width: 992px) { /* ── Bar ─────────────────────────────────────────────────────────── */ .topnavbar { background: var(--hacd-blue) !important; } /* Each dropdown anchors its own standard panel */ .topnavbar .hacd-dd { position: relative; display: inline-block; } /* ── Toggle row (label + chevron button) ─────────────────────────── */ .topnavbar .hacd-toggle-row { display: flex; align-items: center; gap: 2px; padding-right: .55rem; transition: background .15s ease; } .topnavbar .hacd-dd:hover > .hacd-toggle-row, .topnavbar .hacd-dd.hacd-open > .hacd-toggle-row { background: rgba(255, 255, 255, .09); } .topnavbar .hacd-toplink, .topnavbar .hacd-toplabel-static { color: inherit; text-decoration: none; } .topnavbar .hacd-toplabel { white-space: nowrap; line-height: 1.4; } /* Chevron button — a real