/*
Boutons WooCommerce. Astra applique son propre style par défaut via le Customizer ;
on le neutralise ici pour garder une seule source de vérité dans le code.
*/
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce #respond input#submit,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt {
	background-color: var(--color-accent-button);
	color: var(--color-surface);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
	border: 0;
	border-radius: var(--radius-sm);
	padding: var(--space-4) var(--space-5);
	transition: background-color var(--transition-base);
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover,
body.woocommerce a.button:focus,
body.woocommerce button.button:focus,
body.woocommerce input.button:focus,
body.woocommerce a.button.alt:focus,
body.woocommerce button.button.alt:focus,
body.woocommerce input.button.alt:focus {
	background-color: var(--color-accent-hover);
	color: var(--color-surface);
}

/* Le bouton de la fiche produit occupe toute la largeur : c'est l'action principale. */
body.woocommerce div.product form.cart .single_add_to_cart_button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: var(--space-4);
}

body.woocommerce a.button.disabled,
body.woocommerce button.button:disabled,
body.woocommerce button.button:disabled[disabled] {
	background-color: var(--color-text-muted);
	color: var(--color-surface);
	opacity: 1;
}