/* one-look.css — one main button and one heading font on every page. ADDED 2026-10-29 (Launch Plan t-ux-46).
 *
 * Ray chose the blue pill (#0A75A8, the designers' own) and Bricolage Grotesque (DECISIONS.md "One button, one heading font"). Measured live
 * the same day: six main-button styles (gold, navy at weight 300, a theme-black box, the home page's blue pill, the
 * designer's #0A75A8, a black search pill) and three heading fonts (11-Testing/one-look-2026-10-29/before.jsonl).
 * Every value comes from brand-tokens.css (--lp-btn-*, --lp-heading); this file only says WHICH elements take them.
 * The designers carry the same values in their own CSS (LPC_ACTION), the plugin's inline pills as var() fallbacks.
 *
 * Not here, on purpose: the header's Design button (blue too, in mega-menu.php beside its other buttons), the cookie banner's Accept and
 * Reject (identical by law), the search button, and a notice's "View basket" link (.wc-forward: WooCommerce draws it as
 * a text link inside the notice; only half the pill applied to it, measured on the live category page). ":root" in front of each selector outranks the theme's
 * ":root :where(...)" and WooCommerce's single-class rules without !important.
 */

/* ---- headings ------------------------------------------------------------------------------------------------------ */
:root h1,
:root h2,
:root h3 {
	font-family: var(--lp-heading);
	text-wrap: balance;
}
:root h1 { font-weight: 700; }
:root h2,
:root h3 { font-weight: 600; }

/* ---- the main button ----------------------------------------------------------------------------------------------- */
:root :is(.wp-element-button, .wp-block-button__link):not(.wp-block-search__button, .wc-forward),
:root .wc-block-components-button:not(.is-link),
:root .woocommerce :is(a.button, button.button, input.button):not(.wc-forward),
:root .single_add_to_cart_button,
:root .lv-cta,
:root .wc-block-product .lpc-design-cta {
	background: var(--lp-btn-bg);
	color: var(--lp-btn-fg);
	border: 1.5px solid var(--lp-btn-bg);
	border-radius: var(--lp-btn-radius);
	font-family: var(--lp-btn-font);
	font-weight: var(--lp-btn-weight);
	min-height: 44px; /* a thumb */
	text-decoration: none;
}
:root :is(.wp-element-button, .wp-block-button__link):not(.wp-block-search__button, .wc-forward):is(:hover, :focus-visible),
:root .wc-block-components-button:not(.is-link):is(:hover, :focus-visible),
:root .woocommerce :is(a.button, button.button, input.button):not(.wc-forward):is(:hover, :focus-visible),
:root .single_add_to_cart_button:is(:hover, :focus-visible),
:root .lv-cta:is(:hover, :focus-visible),
:root .wc-block-product .lpc-design-cta:is(:hover, :focus-visible) {
	background: var(--lp-btn-bg-hover);
	border-color: var(--lp-btn-bg-hover);
	color: var(--lp-btn-fg);
	filter: none;
}
:root :is(.wp-element-button, .wp-block-button__link, .wc-block-components-button, .button, .lv-cta, .lpc-design-cta):focus-visible {
	outline: 3px solid var(--lp-btn-bg);
	outline-offset: 2px;
}

/* a second choice beside the main one: the same pill, outlined */
:root .wp-block-button.is-style-outline > .wp-block-button__link,
:root .wp-block-button.is-style-outline > .wp-element-button {
	background: transparent;
	color: var(--lp-btn-bg);
	border-color: var(--lp-btn-bg);
}
:root .wp-block-button.is-style-outline > :is(.wp-block-button__link, .wp-element-button):is(:hover, :focus-visible) {
	background: var(--lp-btn-bg);
	color: var(--lp-btn-fg);
}