/* ========================================================================== Diamor - Accessibility overrides -------------------------------------------------------------------------- Fixes for the "One Click Accessibility / Pojo A11y" plugin modes: body.pojo-a11y-high-contrast (High contrast) body.pojo-a11y-negative-contrast (Negative contrast) body.pojo-a11y-light-background (Light background) THE PROBLEM The plugin repaints the page with the `background` SHORTHAND and !important: body.pojo-a11y-high-contrast a, div, span, ... { background: black !important } body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) { background: #000 !important } body.pojo-a11y-light-background :not(#pojo-a11y-toolbar) { background: #fff !important } The shorthand resets `background-image` to `none`, so every CSS background image on the site (Elementor containers, category cards, banners...) turns into a flat black or white block. THE FIX Pure CSS cannot bring an unknown image URL back once it has been killed with !important, so the URLs are re-applied inline by js/accessibility.js, which also tags each such element with `.a11y-bg-restored`. Everything below builds on that tag: it clears whatever the plugin paints ON TOP of the image, and keeps the text sitting on the image readable. ABOUT `:not(#pojo-a11y-toolbar *)` BELOW - IT DOES TWO JOBS 1. SPECIFICITY. The plugin's negative-contrast and light-background rules score (1 id, 1 class, 1 type) thanks to their own `:not(#pojo-a11y-toolbar)`. A selector built only from classes can never outrank an id, no matter how many classes it has, so our rules borrow a `:not()` with an id to reach (1 id, 2+ classes) and win. Delete it and two of the three modes silently stop working. 2. IT KEEPS THE ACCESSIBILITY TOOLBAR OUT. Note the ` *` - it excludes every element INSIDE #pojo-a11y-toolbar, not just the