/* ─────────────────────────────────────────────────────────────────
   Bricks & Blooms — Rounded buttons (sitewide)

   The Sway theme's global "rounded borders" setting does not apply
   to buttons. This fills that gap.

  Single source of truth: child theme asset.
   ───────────────────────────────────────────────────────────────── */

/* ── Sway theme buttons (.tt_button) ─────────────────────────────── */
/* The theme explicitly sets border-radius:0 on .tt_button */

.tt_button {
  border-radius: 30px !important;
}

/* ── HTML / Bootstrap buttons ───────────────────────────────── */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn,
.btn-default,
.btn-primary,
.btn-secondary,
.btn-lg,
.btn-sm,
.btn-xs {
  border-radius: 30px !important;
}

/* ── WooCommerce buttons ─────────────────────────────────────── */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .checkout_coupon .button,
.woocommerce form .form-row input.button,
.woocommerce .return-to-shop .button,
.woocommerce .woocommerce-MyAccount-content .button,
.added_to_cart {
  border-radius: 30px !important;
}

/* ── WPForms / Contact Form 7 ───────────────────────────────── */

.wpforms-submit,
.wpcf7-submit {
  border-radius: 30px !important;
}

/* ── Sway outline buttons: secondary style, primary colour ───── */
/*
 * .tt_secondary_button with .btn_primary_color is an outlined
 * button — transparent background, border + text in the primary
 * colour at rest, then fills solid on hover (.hover_solid_primary).
 *
 * The theme's base .tt_button rule sets color:#fff globally, which
 * makes the text invisible against a white/light background at rest.
 * Override to show the primary pink as text + border at rest, then
 * restore white text on hover when the background fills in.
 */

.tt_button.tt_secondary_button.btn_primary_color {
  color:            #E9477A !important;
  background-color: transparent !important;
  border:           2px solid #E9477A !important;
}

.tt_button.tt_secondary_button.btn_primary_color:hover,
.btn-hover-1 .tt_button.tt_secondary_button.btn_primary_color:hover {
  color:            #fff !important;
  background-color: #E9477A !important;
  border-color:     #E9477A !important;
}