/* ==========================================================================
   Buttons & links — bordeaux pills, outlined secondary
   ========================================================================== */

button,
input[type="button"], input[type="reset"], input[type="submit"],
.button, a.button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-block-components-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--jl-bordeaux);
  color: var(--jl-cream);
  border: none;
  border-radius: var(--jl-r-pill);
  padding: 14px 28px;
  font: 500 14px/1 var(--jl-sans);
  letter-spacing: .03em;
  text-decoration: none;
  text-shadow: none;
  box-shadow: var(--jl-shadow-bordeaux);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  cursor: pointer;
}
button:hover,
input[type="submit"]:hover,
.button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.wc-block-components-button:hover {
  background: var(--jl-bordeaux-dark);
  color: var(--jl-cream);
}

/* Secondary — outlined bordeaux (e.g. "continue shopping") */
.woocommerce a.button.wc-backward {
  background: transparent;
  color: var(--jl-bordeaux);
  border: 1px solid rgba(110, 28, 47, .35);
  box-shadow: none;
}
.woocommerce a.button.wc-backward:hover {
  background: rgba(110, 28, 47, .07);
  border-color: var(--jl-bordeaux);
  color: var(--jl-bordeaux);
}