/* ────────────────────────────────────────────────────────────────────────── Global site header (topbar) — STANDALONE. Markup: templates/parts/_topbar.php, rendered sitewide by the [ww_topbar] shortcode from a Divi Theme Builder global header template. Why this file exists separately from home.css/wwt.css: those copies are scoped .wwh / .wwt, i.e. they only work when the header sits INSIDE a plugin template wrapper. Rendered globally the header has no such ancestor (on a cart or blog page there is no .wwh/.wwt at all), so every rule here is scoped to .ww-topbar and self-contained down to its own custom properties. Do not reference --sans/--mono/--sun/--gutter here; those live on .wwh/.wwt. ────────────────────────────────────────────────────────────────────────── */ /* Divi's normal template sets body{overflow-x:hidden}, which makes a scroll container and TRAPS position:sticky (header shows but won't stick). clip does the same horizontal clipping without creating a scroll container. Must be clip, not hidden — see the 1.7.56 sticky-header regression. Gated on :has() so this only changes pages our header is actually on. This stylesheet loads sitewide, and production already runs its own Divi Theme Builder header — an ungated rule would alter pages we have no business touching. */ body:has(.ww-topbar){overflow-x:clip!important} /* Collapse Divi's empty leading Theme-Builder-body section (an empty .et_pb_section with default 27px+27px padding) that adds a ~54px blank band above the header. Lived in the partial's inline CSS; moved here because the partial no-ops once the global header renders, which would have let the band back in on landing pages. The section must have NEITHER a row NOR a module — a genuinely empty one. A fullwidth Code module attaches straight to its section with NO row, so the original row-only check matched the CONTENT section and blanked whole pages (the 6.141 outage). Do not simplify this selector. */ .et-l--body .et_builder_inner_content > .et_pb_section:first-child:not(:has(.et_pb_row)):not(:has(.et_pb_module)){display:none!important} .ww-topbar{ --ww-night:#181818; --ww-sun:#EFBC6C; --ww-rebel:#F1582C; --ww-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --ww-mono:"Roboto Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace; --ww-max:1180px; --ww-gutter:clamp(20px,5vw,64px); position:sticky;top:0;z-index:60; background:rgba(24,24,24,.72); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.08); font-family:var(--ww-sans); line-height:1.5; -webkit-font-smoothing:antialiased; } .ww-topbar *{box-sizing:border-box} .ww-topbar img{display:block;max-width:100%} .ww-topbar a{text-decoration:none} .ww-topbar .wrap{max-width:var(--ww-max);margin:0 auto;padding:0 var(--ww-gutter)} .ww-topbar .topbar-in{display:flex;align-items:center;justify-content:space-between;height:64px} .ww-topbar .brand{margin-right:auto} .ww-topbar .brand--logo{display:inline-flex;align-items:center;line-height:0} .ww-topbar .brand--logo img{height:34px;width:auto;display:block} .ww-topbar .nav{display:flex;gap:20px;align-items:center} /* Colors carry !important to beat Divi's .et-db #et-boc .et-l a{color:#3A3D35} (ID specificity 1,2,1 — a class selector cannot out-specify it). Rendered from a Theme Builder header the topbar lives inside .et-l, so this rule DOES apply here. Target .navlink/.navphone specifically, NOT `.ww-topbar a` — a blanket link rule bleeds onto the CTA and washes its text to 70% white. */ .ww-topbar .navlink{font-family:var(--ww-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)!important;white-space:nowrap;transition:color .15s} .ww-topbar .navlink:hover{color:#fff!important} /* ── Resources dropdown ─────────────────────────────────────────────────── */ .ww-topbar .navgroup{position:relative;display:inline-flex;align-items:center;gap:4px} .ww-topbar .navcaret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;color:rgba(255,255,255,.6);transition:color .15s,transform .2s ease} .ww-topbar .navgroup:hover .navcaret,.ww-topbar .navgroup.open .navcaret{color:#fff} .ww-topbar .navgroup.open .navcaret{transform:rotate(180deg)} /* Panel links need their own !important colors for the same reason .navlink does — Divi's #et-boc .et-l a rule outranks any class selector. */ .ww-topbar .navpanel a{display:block;padding:9px 20px;font-family:var(--ww-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.72)!important;transition:color .15s,background .15s} .ww-topbar .navpanel a:hover{color:#fff!important;background:rgba(255,255,255,.07)} .ww-topbar .navpanel-lbl{display:block;padding:9px 20px 5px;font-family:var(--ww-mono);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ww-sun)} .ww-topbar .navpanel-lbl~.navpanel-lbl{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)} /* Start-a-build picker. The trigger is a