/**
 * Snippet Name: BLD: A11y - contrast + focus rings
 * Generated: 2026-11-15 15:32:41
 * Source: Custom
 * AUTO-GENERATED FILE — DO NOT EDIT.
 */

/*
 * BLD: A11y - contrast + focus rings.
 *
 * Purple: #975BE5 gives 4.25:1 with white, so white-on-purple and
 * purple-on-white both fail AA. #8E4DE3 gives 4.86:1 on white and 4.51:1 on
 * the #F8F5FF tint. On the dark #1E1B2E sections purple text uses #A069E7
 * (4.53:1) instead, and the home hero (purple gradient) keeps its original
 * colours so nothing there gets darker.
 * Lime: #99D328 gives 1.79:1 on white; as text on white it becomes #5A7C18
 * (4.85:1).
 */
html:root {
	--primary-button: #8E4DE3;
	--wp--preset--color--primary-button: #8E4DE3;
	--bld-purple-500: #8E4DE3;
}

/* Hard-coded purple (site bar, page-content inline styles, popup, copy button). */
html body .bf26-sitebar,
html body [style*="background:#975BE5" i],
html body [style*="background-color:#975BE5" i] {
	background-color: #8E4DE3 !important;
}
html body .bf26-sitebar a,
html body .bf26-sitebar a:visited {
	color: #fff !important;
}
html body [style^="color:#975BE5" i],
html body [style*=";color:#975BE5" i] {
	color: #8E4DE3 !important;
}
html body .bl-corner-popup {
	--blcp-primary: #8E4DE3;
}
html body .bl-corner-popup a.gosmartmodalbutton {
	background: #8E4DE3;
}
html body .bl-copythis {
	--bl-primary: #8E4DE3;
}

/* Purple text on the dark sections. */
html body .gb-element-c66bfb2c .has-primary-button-color,
html body .gb-element-b2f5824f .has-primary-button-color,
html body .gb-text-257d5c34 {
	color: #A069E7 !important;
}
html body .gb-element-2a78ed9a .has-primary-button-color {
	color: #975BE5 !important;
}

/*
 * Lime text on white: only the home page comparison heading ("vs."). The same
 * block sits on a #7F3FD6 band on the plugin pages (3.27:1, large text) and
 * the home hero is dark, so those keep the bright lime.
 */
html body.home .gb-element-217bff92 .has-secondary-button-color {
	color: #5A7C18 !important;
}

/* Pricing table: white text on the purple-to-cyan gradient (cyan end was 1.78:1). */
.go-pt .go-pt-btn--best,
.go-pt .go-pt-toggle__save {
	background-image: linear-gradient(90deg, #7637E1, #0080A3);
}

/* Visible keyboard focus: dark ring with a white inner halo, visible on light and dark pages. */
html body .bl-corner-popup .blcp-collapsed:focus-visible,
#bld-chat-launcher .bld-chat-bubble:focus-visible {
	outline: 3px solid #3A1D6F !important;
	outline-offset: 2px;
	box-shadow: 0 0 0 2px #fff !important;
}
html body .bl-corner-popup .blcp-close:focus-visible,
html body .bl-corner-popup .blcp-content :focus-visible,
.bld-chat .bld-chat__chip:focus-visible,
.bld-chat .bld-chat__send:focus-visible,
.bld-chat .bld-chat__input:focus-visible,
.bld-chat .bld-chat__foot a:focus-visible {
	outline: 2px solid #3A1D6F;
	outline-offset: 2px;
}
.bld-chat .bld-chat__actions button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px;
}