.wp-block-button__link {
  border-radius: var(--tg-radius-pill);
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.wp-block-button__link:hover {
  background-color: var(--tg-color-cacao);
  color: var(--tg-color-blanc);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
}

/*
 * Ruling de contraste (Task 4, round 1) : le bouton secondaire conserve le
 * fond or #C9931F et le libellé cacao #5A3518, soit ≈3,92:1. Ce ratio passe
 * le seuil grand texte (3:1) mais pas le seuil texte normal (4,5:1) : le
 * libellé est donc fixé à 700 et 19 px (≥ 18,66 px en gras).
 */
.wp-block-button.is-style-or .wp-block-button__link {
  background-color: var(--tg-color-or);
  color: var(--tg-color-cacao);
  font-size: 1.1875rem;
  font-weight: 700;
}

.wp-block-button.is-style-or .wp-block-button__link:hover {
  background-color: var(--tg-color-cacao);
  color: var(--tg-color-blanc);
}

.tg-cart-link {
  flex: 0 0 auto;
}

.tg-cart-link .wc-block-mini-cart__button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  background-color: var(--tg-color-cacao);
  border: 0;
  border-radius: var(--tg-radius-pill);
  color: var(--tg-color-blanc);
  font-weight: 600;
  line-height: 1.2;
}

.tg-cart-link .wc-block-mini-cart__button:hover {
  background-color: var(--tg-color-or);
  color: var(--tg-color-cacao);
}

.tg-cart-link .wc-block-mini-cart__quantity-badge {
  background-color: var(--tg-color-cacao);
  color: var(--tg-color-kraft);
}

/* WooCommerce injects the inner badge colors inline via the Interactivity API. */
.tg-cart-link .wc-block-mini-cart__badge {
  background-color: var(--tg-color-cacao) !important;
  color: var(--tg-color-kraft) !important;
}