/**
 * Buy Now button — outline variant of the theme button.
 *
 * The button carries the theme's `.wp-element-button` class, so it inherits the
 * exact box (radius, padding, typography, size, transition) from
 * theme.json > styles.elements.button. Here we override only the colours to an
 * outline treatment, reusing the theme's own outline hover tokens
 * (theme.json > custom.elements.button.outline) so hover matches native outline
 * buttons. Compound selector keeps specificity above the base element style.
 */
.brandy-buy-now-button.wp-element-button {
	background-color: transparent;
	width: 100%;
	color: var(--wp--preset--color--brandy-primary, currentColor);
	border: 1px solid var(--wp--preset--color--brandy-primary, currentColor);
	box-shadow: none;
}

/* Fill on hover — but not while disabled (unselected variation / unbuyable). */
.brandy-buy-now-button.wp-element-button:not(.disabled):not(:disabled):hover,
.brandy-buy-now-button.wp-element-button:not(.disabled):not(:disabled):focus {
	color: var(--wp--custom--elements--button--outline--hover-foreground, var(--wp--preset--color--white));
	background-color: var(--wp--custom--elements--button--outline--hover-background, var(--wp--preset--color--brandy-foreground));
	border-color: var(--wp--custom--elements--button--outline--hover-border, var(--wp--preset--color--brandy-foreground));
	box-shadow: none;
}

/* Disabled state — mirrors Add to cart. WooCommerce's variations.js adds the
   `disabled` class until a valid variation is selected; the click is still
   handled by WC (shows the "select options" prompt), so no pointer-events lock. */
.brandy-buy-now-button.wp-element-button.disabled,
.brandy-buy-now-button.wp-element-button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
