/* =========================================================
   FT — MINI-CART BUTTONS (AJAX FRAGMENT FALLBACK)
   ---------------------------------------------------------
   Scope:   .x-mini-cart popup, site-wide
   Purpose: WooCommerce's AJAX add-to-cart returns a refreshed
            mini-cart fragment rendered by Woo's default
            mini-cart.php template, which emits .button markup
            instead of Cornerstone's .x-anchor markup. This
            styles that .button markup to exactly match the
            Cornerstone-rendered buttons, so the popup looks
            identical regardless of render path.

   Values sampled directly from the Cornerstone Mini-Cart
   element's computed button styles:
   .m2ino8-b .buttons .x-anchor
   ========================================================= */

.x-mini-cart .woocommerce-mini-cart__buttons {
  display: flex;
  gap: 0.75em;
}

.x-mini-cart .woocommerce-mini-cart__buttons .button,
.x-mini-cart .woocommerce-mini-cart__buttons .button.checkout {
  flex: 1 1 0;
  width: 47.5%;
  display: block;
  padding: 0.85em 1.25em;
  background-color: rgb(245, 245, 245);
  color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.065);
  border-radius: 0.5em;
  box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.05);
  font-family: 'Outfit', sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.x-mini-cart .woocommerce-mini-cart__buttons .button:hover,
.x-mini-cart .woocommerce-mini-cart__buttons .button.checkout:hover {
  background-color: rgb(238, 238, 238);
}