/* * WFL — Complianz cookie banner, on-brand pass (client feedback 2026-07-29 п.4). * Same kit as cart/checkout: brand red #C92539 (hover #A91E30), ink #171717, * border #DED8E5, 4px button radius. * * SPECIFICITY, NOT ORDER — read before editing. * Complianz builds its banner stylesheet into uploads/complianz/css/ and * complianz.min.js appends it to at RUNTIME, so it is always the last * stylesheet on the page. A plain `:root { … }` here (0-1-0) would tie with * theirs and lose on source order. Every override below therefore carries one * extra element selector — `html:root` (0-1-1), `html #cmplz-manage-consent …` * (1-0-2) — so it wins regardless of load order. Do not "simplify" these away. */ /* Colour tokens. Complianz drives its whole banner off these custom properties, so re-pointing them here is enough for the buttons, links, close icon and category toggles — no per-element rules needed. */ html:root { --cmplz_text_color: #171717; --cmplz_hyperlink_color: #c92539; --cmplz_banner_border_color: #ded8e5; /* Accept — the reported defect: default Complianz blue on a red-brand site. */ --cmplz_button_accept_background_color: #c92539; --cmplz_button_accept_border_color: #c92539; --cmplz_button_accept_text_color: #fff; /* Secondary buttons stay quiet; only their borders/ink join the kit. */ --cmplz_button_deny_border_color: #ded8e5; --cmplz_button_deny_text_color: #171717; --cmplz_button_settings_border_color: #ded8e5; --cmplz_button_settings_text_color: #171717; /* 4px matches Proceed to Checkout / Place Order (checkout-blocks.css). */ --cmplz_button_border_radius: 4px 4px 4px 4px; /* Category toggles are hidden on the live opt-out banner, but styled anyway so turning categories on later doesn't reintroduce stock blue/green. */ --cmplz_slider_active_color: #c92539; --cmplz_category_header_always_active_color: #171717; } /* Hover has no Complianz variable, so it needs a real rule. */ html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:focus { background-color: #a91e30; border-color: #a91e30; } /* Focus ring — Complianz ships none on the buttons, and the banner is a modal that traps focus, so keyboard users otherwise navigate blind. */ html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible, html #cmplz-manage-consent .cmplz-manage-consent:focus-visible { outline: 2px solid #c92539; outline-offset: 2px; } /* The floating "Manage consent" tab (bottom-right, slides up on hover). Stock styling is a white card with grey ink — the most off-brand element left in the flow once the banner itself is fixed. Ink-on-white becomes white-on-ink so it reads as a deliberate site control, not a plugin artefact. 1-0-2 to beat Complianz's own `#cmplz-manage-consent .cmplz-manage-consent`. */ html #cmplz-manage-consent .cmplz-manage-consent { background-color: #171717; border-color: #171717; color: #fff; font-size: 13px; line-height: 1.2; padding: 12px 18px; } html #cmplz-manage-consent .cmplz-manage-consent:hover { background-color: #c92539; border-color: #c92539; }