:root {
  --bex-logo-purple: #941CCD;
  --bex-logo-purple-dark: #7B17AD;
}

/* Global purple accent requested by client: replaces orange/brown buttons. */
.elementor-button,
.elementor a.elementor-button,
.wp-element-button,
button[type="submit"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.bex-btn-dark,
.bex-card-add-cart,
.bex-single-add-btn,
.bex-cart-checkout-btn,
.bex-popup-view-cart-link {
  background-color: var(--bex-logo-purple) !important;
  border-color: var(--bex-logo-purple) !important;
  color: #ffffff !important;
}

.elementor-button:hover,
.elementor a.elementor-button:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.bex-btn-dark:hover,
.bex-card-add-cart:hover,
.bex-single-add-btn:hover,
.bex-cart-checkout-btn:hover,
.bex-popup-view-cart-link:hover {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* Header/nav hover pill if the custom Bex header is used. */
.bex-main-nav a:hover,
.bex-main-nav a.active,
.bex-main-nav a[aria-current="page"],
.bex-mobile-panel nav a:hover,
.bex-mobile-panel nav a.active,
.bex-mobile-panel nav a[aria-current="page"] {
  background: var(--bex-logo-purple) !important;
  color: #ffffff !important;
}