/**
 * Bouton — deux variantes mesurées sur les styles calculés de la
 * référence (page produit pour le bouton "primary" du formulaire
 * d'ajout au panier, tiroir panier vide pour le bouton par défaut).
 *
 * .baba-btn / .baba-btn--primary : pour les liens/CTA du thème.
 * Les sélecteurs .woocommerce ... ci-dessous appliquent le même style aux
 * gabarits natifs WooCommerce (ajout panier, retour boutique, paiement,
 * coupon...) sans jamais les reconstruire en HTML statique.
 */

.baba-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 128px;
	/* Hauteur minimale, et non fixe : c'est ainsi que la référence les
	   dessine (min-height: 49.25px, height: auto). Un libellé qui passe à
	   la ligne fait grandir le bouton au lieu d'être rogné — sa page
	   produit en donne l'exemple, avec un bouton de 64px. */
	min-height: 49.25px;
	padding: 0 31.5px;
	background-color: var(--baba-color-accent);
	color: var(--baba-color-text-inverse);
	border: 0;
	border-radius: var(--baba-radius-none);
	box-shadow: none;
	font-family: var(--baba-font-body);
	font-weight: var(--baba-font-weight-normal);
	font-size: var(--baba-text-md);
	letter-spacing: var(--baba-button-letter-spacing);
	text-transform: none;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

/* Pas de changement de couleur au survol sur cette taille de bouton dans
   la référence (vérifié via styles calculés avant/après survol réel). */
.baba-btn:hover,
.baba-btn:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: var(--baba-color-accent);
	color: var(--baba-color-text-inverse);
}

.woocommerce .button.disabled,
.woocommerce .button:disabled,
.woocommerce .button.loading {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Variante "primary" : le CTA principal (ajouter au panier). Plus grand,
   plus gras, en majuscules — mesuré sur le bouton d'ajout au panier de la
   page produit de référence.
   Classe doublée : ".woocommerce button.button" ci-dessus a une spécificité
   plus élevée (0,2,1) que ".woocommerce .single_add_to_cart_button" seul
   (0,2,0) et gagnait sur font-weight/text-transform malgré l'ordre dans le
   fichier — d'où le bouton resté fin et en casse normale. */
.baba-btn--primary,
.woocommerce .single_add_to_cart_button.single_add_to_cart_button {
	height: 64px;
	font-weight: var(--baba-font-weight-bold);
	font-size: var(--baba-text-lg);
	text-transform: uppercase;
}

.baba-btn--primary:hover,
.woocommerce .single_add_to_cart_button.single_add_to_cart_button:hover {
	background-color: #e7c68e;
}