/*
 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
*/
/* Focus: one ring in the brand color instead of the browser default (overrides Bricks' `outline: auto`) */
:root {
  --brx-indicator-focus-color: var(--focus-color);
}

:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

:focus:not(:focus-visible) {
  outline: none;
}

/* Elements focused by script (e.g. WooCommerce notices, tabindex="-1") are not interactive: no ring */
[tabindex="-1"]:focus {
  outline: none;
}

/* Text selection */
::selection {
  background-color: var(--selection-bg);
  color: var(--selection-color);
}

/* WooCommerce/Bricks AJAX loading overlay: jQuery blockUI sets an inline white background, only !important overrides it */
.blockUI.blockOverlay {
  background: var(--black) !important;
}

/* Local pickup address, printed under the shipping rate (functions.php) */
.shipping-rate__note {
  display: block;
  margin-block-start: var(--space-xs);
  font-size: var(--text-s);
}

/* WooPayments express checkout (Apple Pay / Google Pay) above the checkout form; the separator has an inline margin */
#wcpay-express-checkout-element {
  margin-block-start: var(--space-m);
}

#wcpay-express-checkout-button-separator {
  margin-block: var(--space-m) !important;
  font-size: var(--text-s);
}