#bee1-accessibility-toolbar { --bee1-a11y-accent: #0f766e; --bee1-a11y-text: #111827; --bee1-a11y-muted: #6b7280; --bee1-a11y-border: #d1d5db; --bee1-a11y-surface: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.45; position: relative; z-index: 99998; /* Caching plugins with a "lazy render below-the-fold content" feature (e.g. WP Rocket) apply `content-visibility: auto` to elements near the end of `` — this plugin's wrapper included. Per spec, `content-visibility` other than `visible` makes the element a containing block for `position: fixed` descendants, so the toggle/panel (meant to be pinned to the viewport) end up positioned relative to this wrapper instead — which sits wherever it is in the page, often far below the fold. Force `visible` so our fixed children always anchor to the actual viewport, regardless of host caching config. */ content-visibility: visible !important; contain: none !important; } #bee1-accessibility-toolbar *, #bee1-accessibility-toolbar *::before, #bee1-accessibility-toolbar *::after { box-sizing: border-box; } .bee1-a11y-toggle, .bee1-a11y-panel { position: fixed; z-index: 99998; } .bee1-a11y-toggle { align-items: center; background: var(--bee1-a11y-accent); border: 0; border-radius: 0 999px 999px 0; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.24); color: #ffffff; cursor: pointer; display: inline-flex; height: 48px; justify-content: center; padding: 0; width: 48px; transition: left 220ms ease, right 220ms ease, transform 160ms ease; } /* Defend the toggle's accent background + white icon against theme/reset button rules such as `[type="button"]{background:transparent;color:#222}` — those tie on specificity (0,1,0) with `.bee1-a11y-toggle` and, loading later, would win. Host-id prefix + !important keeps the a11y button visible on every theme (it must never blend into the page). */ #bee1-accessibility-toolbar .bee1-a11y-toggle { background: var(--bee1-a11y-accent) !important; border: 0 !important; color: #ffffff !important; padding: 0 !important; } /* Some themes (e.g. Hello Elementor) style every `