/*
 * BFG contrast layer — WCAG 2.1 AA (SC 1.4.3), audit item A11Y-01, 2026-09-16.
 *
 * The parent theme uses the same gold tokens for three different jobs, and each
 * needs a different colour to be readable:
 *
 *   1. Gold as a FILL behind text  → keep the bright brand gold, make the text
 *      near-black: var(--color-on-gold). Chosen by Mark over darkening the fill.
 *   2. Gold as TEXT on a light surface → var(--color-gold-text), a deeper gold
 *      that clears 4.5:1 on white, #F5F5F5 and the pale gold tint.
 *   3. Hover on a gold fill → the parent darkens it, which would put dark text
 *      on dark gold; hover now brightens instead: var(--color-gold-hover).
 *
 * Gold text on DARK sections (hero, build CTA, announcement bar, stats, shop
 * header eyebrow) is deliberately untouched — the bright gold is what passes
 * there. Icons (svg) are non-text and already clear the 3:1 they need.
 *
 * Every selector is prefixed with `html` so it outranks the identical parent
 * selector whatever order a CSS-combining plugin emits the files in, while any
 * more specific parent rule still wins. Tokens live in functions.php
 * (strivide_bfg_defaults) and are editable under Customizer → Brand Styling.
 */

/* ── 1. Text on a gold fill ───────────────────────────────────────────── */
html .btn--primary,
html .btn--cta,
html .btn--outline:hover,
html .header__cart-count,
html .site-search-form__btn,
html .site-header__search .site-search-form__btn,
html .error404__search .site-search-form__btn,
html .brands-strip__more,
html .site-footer__social a:hover,
html .back-to-top,
html .product__badge,
html .resource-link,
html .shop-toolbar__filter-btn[aria-expanded="true"],
html .woocommerce-MyAccount-navigation ul li.is-active a,
html .pagination__item .current,
html .mfg-filter__btn--active,
html .mfg-product-card__badge,
html .skip-link,
html .gsc-track-form .track_order .button,
html .gsc-channel__ico,
html .gsc-form-card .wpcf7-submit,
html .gsc-form-card input[type="submit"],
html .woocommerce-button.button,
html .shop-cat__item.is-current > a,
html .shop-cat__item.is-current > a .shop-cat__count,
html .product-card__footer .btn,
html .woocommerce-pagination .current,
html .pagination .current,
html .shop-upsell-bar .btn--cta,
html .gsc-measure-card__number,
html .account-nav__avatar,
html .woocommerce .return-to-shop a.button,
html .woocommerce-page .return-to-shop a.button,
html .woocommerce a.button.wc-backward,
html .footer-trust-bar .trust-badges__item,
html .footer-trust-bar .trust-badges__item svg,
html .cbd-btn--cta,
html .cbd-tag-pop,
html .cbd-thick-card__badge,
html .cbd-size-row.is-featured .cbd-size-row__chip,
html .gsc-cbd-page .cbd-form .uni-module-radio-text-mode input.js-uni-cpo-field-radio:checked + .uni-cpo-radio-option-label,
html .gsc-cbd-page .cbd-form .uni-module-radio-text-mode input.js-uni-cpo-field-radio:checked + .uni-cpo-radio-option-label .uni-cpo-option-label__text-content {
	color: var(--color-on-gold);
}

/* Same job, where the parent declares the white text !important. */
html .single_add_to_cart_button,
html .wc-block-components-button,
html button.button.alt,
html #payment #place_order,
html .woocommerce-MyAccount-navigation .is-active a,
html .login-portal .login-card__submit.btn--primary,
html .login-portal button.woocommerce-form-login__submit,
html .gsc-cbd-page .cbd-form .single_add_to_cart_button {
	color: var(--color-on-gold) !important;
}

/* ── 3. Hover on a gold fill: brighten, never darken ──────────────────── */
html .btn--primary:hover,
html .btn--cta:hover,
html .site-search-form__btn:hover,
html .site-header__search .site-search-form__btn:hover,
html .error404__search .site-search-form__btn:hover,
html .back-to-top:hover,
html .resource-link:hover,
html .gsc-track-form .track_order .button:hover,
html .gsc-form-card .wpcf7-submit:hover,
html .gsc-form-card input[type="submit"]:hover,
html .product-card__footer .btn:hover,
html .shop-upsell-bar .btn--cta:hover,
html .woocommerce .return-to-shop a.button:hover,
html .woocommerce-page .return-to-shop a.button:hover,
html .woocommerce a.button.wc-backward:hover,
html .cbd-btn--cta:hover {
	background: var(--color-gold-hover);
	border-color: var(--color-gold-hover);
	color: var(--color-on-gold);
}

html .single_add_to_cart_button:hover,
html button.button.alt:hover,
html #payment #place_order:hover,
html .login-portal .login-card__submit.btn--primary:hover,
html .login-portal button.woocommerce-form-login__submit:hover,
html .gsc-cbd-page .cbd-form .single_add_to_cart_button:hover {
	background: var(--color-gold-hover) !important;
	border-color: var(--color-gold-hover) !important;
}

/* ── 2. Gold text on a light surface ──────────────────────────────────── */
html a,
html .section__kicker,
html .section__header-link,
html .btn--outline,
html .site-nav__list > li > a:hover,
html .site-nav__list > li.current-menu-item > a,
html .site-nav__list > li.current-menu-ancestor > a,
html .site-nav__list .sub-menu a:hover,
html .site-nav__mega-head:hover,
html .site-nav__mega-links a:hover,
html .site-nav__mega-prod-link:hover .site-nav__mega-prod-title,
html .mobile-nav .mn-panel li a:hover,
html .mn-back:hover,
html .category-card__cta,
html .home .category-card__cta,
html .product-card__title a:hover,
html .product__install-guide,
html .product__use-chip,
html .product__chip--blue,
html .product__info-item a,
html .cpo-price-display__value .woocommerce-Price-amount,
html .measuring-guide__toggle,
html .product-tabs__btn:hover,
html .product-tabs__btn--active,
html .cart-page__continue-link:hover,
html .checkout-progress__step--active,
html .woocommerce-MyAccount-navigation ul a:hover,
html .breadcrumbs__item a:hover,
html .pagination__item a:hover,
html .mfg-filter__btn:hover,
html .mfg-product-card__title a:hover,
html .article-crumbs a:hover,
html .article-prose__anchor,
html .article-prose a,
html .error404__eyebrow,
html .error404__dest:hover .error404__dest-arrow,
html .gsc-kicker,
html .gsc-field label .req,
html .gsc-channel a.gsc-channel__primary,
html .gsc-faq-group__title,
html .gsc-acc__q:hover,
html .gsc-doc h2 .gsc-doc__n,
html .gsc-contact-list a:hover,
html .mfg-card__phone,
html .post-card__title a:hover,
html .post-card__more,
html .post-pager .page-numbers:hover,
html .product-desc-empty a,
html .gsc-featured-cat__link,
html .gsc-section__kicker,
html .gsc-locator-content .gsc-prose a,
html .woocommerce-form-coupon-toggle .showcoupon,
html .account-dash__eyebrow,
html .account-panel__link,
html .account-address--empty a,
html .login-card__forgot,
html .login-card__foot a,
html .summary-coupon__toggle:hover,
html .summary-coupon__toggle[aria-expanded="true"],
html .gsc-social-proof__pill strong,
html .cbd-eyebrow,
html .cbd-pill--outline,
html .cbd-price .price,
html .cbd-price .price ins,
html .cbd-price .amount,
html .gsc-cbd-page .cbd-form .uni_cpo_field_required::after {
	color: var(--color-gold-text);
}

/* ── 4. Greys and one-offs that are not gold tokens ───────────────────── */
html .breadcrumb__sep {
	color: var(--color-text-light);
}

/* rgba(255,255,255,.45) on the footer measured 4.47:1. */
html .site-footer__copyright {
	color: rgba(255, 255, 255, .55);
}

/* The parent prints this note with an inline style, so only !important reaches it. */
html .brands-strip__note {
	color: var(--color-text-muted) !important;
}

/* The struck-through regular price was faded twice (light grey plus opacity). */
html .product-layout--simple .product__price-wrap .price del .amount {
	opacity: 1;
}