/* ============================================================
   Adera Brand Layer
   Loaded LAST so it wins the cascade. Centralizes the two
   brand decisions that need to beat page-level CSS:
     1. Primary CTAs use the brand gradient.
     2. Section headings use the brand purple (on light bg).
   All brand colours/gradients live as tokens in style.css.
   ============================================================ */

/* ---- 1. Primary CTAs → brand gradient ------------------- */
body .adera-shop-btn,
body .adera-btn-primary,
body .adera-cta,
body .adera-cta-btn,
body .wp-element-button,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce #respond input#submit.alt,
body .woocommerce button.single_add_to_cart_button,
body .woocommerce #place_order,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body .checkout-button {
  background-image: var(--brand-gradient-cta) !important;
  background-color: transparent !important;
  border: none !important;
  color: #ffffff !important;
}

body .adera-shop-btn:hover,
body .adera-btn-primary:hover,
body .adera-cta:hover,
body .adera-cta-btn:hover,
body .wp-element-button:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover,
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce button.single_add_to_cart_button:hover,
body .woocommerce #place_order:hover,
body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body .checkout-button:hover {
  filter: brightness(1.06);
  color: #ffffff !important;
}

/* ---- 2. Section headings → brand purple (light bg) ------ */
body .adera-section-title,
body .adera-wlr-title,
body .single-product h1.product_title {
  color: var(--brand-purple) !important;
}

/* ---- 3. Semantic states stay RED, not brand purple ------ */
:root { --error-red: #DC2626; }

/* error / validation / required / out-of-stock TEXT */
body .adera-field-error-msg,
body .adera-required,
body .woocommerce form .form-row label .required,
body .woocommerce-account label .required,
body .woocommerce-MyAccount-content abbr[title="required"],
body .adera-accordion-error,
body .coupon-error-notice,
body .woocommerce-cart .adera-cart-actions .coupon .coupon-error-notice,
body .woocommerce-checkout .adera-coupon-response .woocommerce-error,
body .woocommerce-cart .adera-cart-coupon-notices .woocommerce-error li,
body .woocommerce div.product form.cart .adera-stock-error,
body .woocommerce div.product form.cart .adera-variation-error {
  color: var(--error-red) !important;
}

/* error borders + icons */
body .woocommerce-error,
body input.adera-invalid,
body textarea.adera-invalid,
body select.adera-invalid {
  border-color: var(--error-red) !important;
}
body .woocommerce-error::before { color: var(--error-red) !important; }

/* error / out-of-stock fills */
body .adera-out-of-stock-bar {
  background: var(--error-red) !important;
}