/* --------------------------------------------------------------------------- dh-dark-mode.css — site-wide dark theme. HOW THIS WORKS, and why it is built this way: The whole site's colour comes from 14 `--e-global-color-*` custom properties that Elementor writes onto ``. Flipping those 14 values moves ~90% of the site in one step, so this file does exactly that and never edits the kit itself (post 6). Editing the kit would repaint the Elementor editor and every light visitor too. The selector is `html[data-theme="dark"] body.elementor-kit-6`. The `body` half is REQUIRED, not decoration: a custom property declared directly on an element always beats one inherited from an ancestor, whatever the specificity — so a rule on `html` alone would lose to the kit's own declarations sitting on `body`. Matching body and out-specifying it ((0,2,2) vs (0,1,0)) is the only thing that works. `data-theme` is stamped on by an inline script in dh-theme.php that runs at wp_head priority 0, before any stylesheet parses — so there is no flash. It is client-side ONLY: LiteSpeed page-caches this site per URL with no cookie or Vary variation, so the HTML must stay byte-identical for every visitor. Never move the theme decision to body_class or language_attributes. Everything dark is inside @media screen so a printed page stays light. SPECIFICITY, THE ONE TRAP: Elementor emits per-widget rules shaped like `.elementor-882 .elementor-element.elementor-element-XXXX a` — FOUR classes, (0,4,1). Class count is compared before element count, so `html[data-theme="dark"] .elementor-element-XXXX a` (0,3,2) LOSES to it, and adding `!important` does not help when the other side has it too. Anything overriding a per-widget rule therefore uses the longer prefix `html[data-theme="dark"] body.elementor-kit-6 .elementor-element.elementor-element-XXXX` which weighs (0,4,3) and wins on the element-count tiebreak. ADDING A NEW DARK SECTION LATER? Two vars do double duty — 5995834 is both near-black text AND the dark-band background; 7b7791b is both white background AND white text-on-dark. A blanket flip inverts those bands wrongly, so each one is re-pinned by element id below. A new dark band or a new yellow block needs a new entry in the RE-PINS section. --------------------------------------------------------------------------- */ /* Light is the baseline. Declared unconditionally so form controls, scrollbars and