/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**
 * Skip link: independent focus-state contrast.
 *
 * `<a class="skip-link">` is emitted directly by Bricks core's own
 * includes/frontend.php (twice: "Skip to main content" and "Skip to
 * footer") -- it is never placed as a builder element, so it never carries
 * `_cssGlobalClasses`, and Bricks' global-class CSS generator only emits a
 * class's CSS for pages where some element actually references that class
 * (see Assets::generate_css_from_element()). The "skip-link" entry in the
 * Bricks global-classes list (imported from ACSS, category "acss") is
 * therefore permanently inert -- editing its settings there compiles to
 * nothing, on any page. This site's own stylesheet is the only place that
 * reliably reaches this markup, which is why the fix lives here instead.
 *
 * ACSS's own `.skip-link` rule (automatic.css) sets background/color from
 * --btn-background / --btn-text-color, which are undefined outside a
 * `.btn--*` modifier class the skip link never carries -- an invalid
 * `var()` reference that resolves to `initial`/inherited, which is what
 * produced the reported 1:1 contrast. This gives it an explicit,
 * independent background regardless of what --primary resolves to.
 */
.skip-link {
	background: #ffffff !important;
	color: var(--primary) !important;
	border: 2px solid var(--primary);
}

.skip-link:where(:focus-visible) {
	outline-color: var(--primary) !important;
}