/* Third-party embed code pasted into privacy_policy_snippet/cookie_policy_snippet (e.g. a vendor's own button snippet) commonly loads its own vendor CSS/JS from its own CDN, completely outside our control, and that vendor markup is sometimes appended straight to rather than nested inside our banner — occasionally with an off-screen/oversized element that silently makes the whole page horizontally scrollable. On many mobile browsers, our own position:fixed banner then visibly drifts as the page is scrolled sideways, even though the banner's own CSS is unaffected. Scoped to :has(.kconsensio) so it only engages on pages where this plugin actually rendered a banner. */ html:has(.kconsensio) { overflow-x: hidden; } /* Defensive reset: the host template's CSS may not set border-box globally, in which case padding on our buttons/panels adds to their width instead of being contained by it, causing overflow (e.g. the modal action buttons spilling past the panel edge). */ .kconsensio, .kconsensio *, .kconsensio-modal, .kconsensio-modal *, .kconsensio-persistent { box-sizing: border-box; } /* Defensive reset: most templates style plain tags (h1-h6, p, span, li, label...) globally for their content areas — color, font-family, possibly more. Any such element here that doesn't set its own explicit value for one of those properties (e.g.

in the preferences panel) silently picks up the host page's own styling instead of ours, since an inherited value never competes with a page rule that targets the tag directly — it loses even though our wrapper already declares both further up/below. This does NOT include or button elements, which set their own accent colors deliberately further below. Kept broad and generic (not tied to any one template, e.g. Astroid) since this plugin has to look right regardless of the site's theme. Also covers strong/b/em/i/ul/ol/blockquote: banner_text and category descriptions go through Joomla's "safehtml" filter (not plain text), so an admin can legitimately format them with bold/italic/lists — those tags need the same protection as p/span/li. */ .kconsensio h1, .kconsensio h2, .kconsensio h3, .kconsensio h4, .kconsensio h5, .kconsensio h6, .kconsensio p, .kconsensio span, .kconsensio label, .kconsensio li, .kconsensio strong, .kconsensio b, .kconsensio em, .kconsensio i, .kconsensio ul, .kconsensio ol, .kconsensio blockquote, .kconsensio-modal__panel h1, .kconsensio-modal__panel h2, .kconsensio-modal__panel h3, .kconsensio-modal__panel p, .kconsensio-modal__panel span, .kconsensio-modal__panel label, .kconsensio-modal__panel li, .kconsensio-modal__panel strong, .kconsensio-modal__panel b, .kconsensio-modal__panel em, .kconsensio-modal__panel i, .kconsensio-modal__panel ul, .kconsensio-modal__panel ol, .kconsensio-modal__panel blockquote { color: inherit; font-family: inherit; } /* Same safehtml-formatted content: a