:root{
  --radius-btn: 40px;
  --ui-btn-pad-y: 12px;  /* padding vertical global */
  --ui-btn-pad-x: 20px;  /* padding horizontal global */
  --ui-btn-min-h: 44px;  /* tap target */
  --ui-btn-font-w: 600;
}

/* Boutons Woo global (checkout, panier, mon compte, formulaires, etc.) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce button,
.woocommerce input[type="submit"],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .checkout-button,
.woocommerce #place_order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;

  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  line-height: 1.2;
  font-weight: var(--ui-btn-font-w);
  border-radius: var(--radius-btn);
  text-decoration: none;
  box-sizing: border-box;
}

/* Variante .alt (utilisée par certains thèmes/extensions) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  border-radius: var(--radius-btn);
}

/* Boutons dans les lignes de formulaire (mon compte / checkout) */
.woocommerce form .form-row .button,
.woocommerce form .form-row input.button,
.woocommerce form .form-row button.button {
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  border-radius: var(--radius-btn);
}

/* Lien "ajouté au panier" stylé bouton */
.woocommerce a.added_to_cart {
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  border-radius: var(--radius-btn);
}

/* 🛡️ NE PAS toucher aux boutons des cartes produits (gérés par woocommerce-cards.css) */
ul.products li.product a.button,
ul.products li.product .button,
ul.products li.product .added_to_cart {
  /* rien ici -> ce sont les styles du fichier 'woocommerce-cards.css' qui priment */
}

:root{
  --radius-btn: 40px;
  --ui-btn-pad-y: 12px;
  --ui-btn-pad-x: 20px;
  --ui-btn-min-h: 44px;
  --ui-btn-font-w: 600;
}

/* Boutons Woo "classiques" (déjà faits chez toi, je rappelle l’essentiel) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce button,
.woocommerce input[type="submit"],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .checkout-button,
.woocommerce #place_order {
  border-radius: var(--radius-btn) !important;
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  font-weight: var(--ui-btn-font-w);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  box-sizing: border-box;
}

/* === Boutons des BLOCS WooCommerce (Cart/Checkout Gutenberg) === */

/* Bouton générique des composants blocs */
.wc-block-components-button,
.wc-block-components-button__button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-address-form button,
.wc-block-components-text-input button,
.wc-block-components-totals-coupon__button,
.wc-block-components-checkout-place-order-button .components-button,
.wc-block-cart__submit .components-button {
  border-radius: var(--radius-btn) !important;
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x) !important;
  min-height: var(--ui-btn-min-h) !important;
  font-weight: var(--ui-btn-font-w) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  box-sizing: border-box;
}

/* Bouton "Procéder au paiement" dans le bloc Panier */
.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-container .components-button {
  border-radius: var(--radius-btn) !important;
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x) !important;
}

/* Bouton "Passer la commande" dans le bloc Checkout */
.wc-block-checkout .wc-block-components-checkout-place-order-button,
.wc-block-checkout .wc-block-components-button {
  border-radius: var(--radius-btn) !important;
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x) !important;
}

/* Liens stylés en boutons dans les blocs */
.wc-block-components-button__link,
.wp-block-button__link {
  border-radius: var(--radius-btn) !important;
  padding: var(--ui-btn-pad-y) var(--ui-btn-pad-x);
  min-height: var(--ui-btn-min-h);
  font-weight: var(--ui-btn-font-w);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}