/**
 * Shop and product-page call to action.
 *
 * The order form's stylesheet only loads on the page that holds the form, so
 * until this file existed the CTA that replaces WooCommerce's add-to-cart
 * button had no rules at all — including no disabled state, which left it
 * looking clickable while it still pointed at the bare form, before the
 * customer had chosen a variation.
 *
 * Deliberately theme-neutral: colour, font and radius stay with whatever the
 * theme gives `.button`, and only layout and state are set here.
 */

.ipo-wc-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 1em;
}

.ipo-wc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	max-width: 100%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

/* Set by the variations script while no variation resolves: the link still
   points at the form with nothing selected, so it must not read as ready. */
.ipo-wc-button.is-waiting {
	opacity: 0.45;
	pointer-events: none;
	cursor: not-allowed;
	box-shadow: none;
}

/* A theme that hides focus rings on links would leave the keyboard user with
   nothing here, and this is the only control on the card. */
.ipo-wc-button:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}