/*
 * Creative Enabler accessibility foundation.
 * Loaded after the Bimber theme styles.
 */

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #0A0A0A !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 6px #C1FD0E !important;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus:not(:focus-visible) {
	outline: none;
}

.ce-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 1000000;
	display: inline-block;
	padding: 12px 18px;
	color: #C1FD0E;
	background: #0A0A0A;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
	transform: translateY(-200%);
	transition: transform 120ms ease-out;
}

.ce-skip-link:focus,
.ce-skip-link:focus-visible {
	color: #C1FD0E;
	background: #0A0A0A;
	transform: translateY(0);
}

/*
 * Magenta action buttons need dark labels to meet WCAG AA at their
 * current type sizes. The brand backgrounds remain unchanged.
 */
button.snax-button.snax-button-create,
button.snax-button.snax-button-create:hover,
button.snax-button.snax-button-create:focus,
a.g1-button.g1-button-solid.snax-button.snax-button-create,
a.g1-button.g1-button-solid.snax-button.snax-button-create:hover,
a.g1-button.g1-button-solid.snax-button.snax-button-create:focus {
	color: #0A0A0A !important;
}