/* BridgeSync Checkout overrides
   - Stack action row vertically
   - Make "Place order" button full width and centered
*/
.wc-block-checkout__actions_row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px;
}

/* Full width Place order button */
.wc-block-components-checkout-place-order-button {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Ensure text is centered across inner wrappers */
.wc-block-components-button__text,
.wc-block-components-checkout-place-order-button__text {
  text-align: center !important;
}

/* Inline arrow next to text, group centered */
.wc-block-components-button__text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.wc-block-components-checkout-place-order-button {
  align-items: center !important; /* keep text+icon vertically centered */
}
.wc-block-components-checkout-place-order-button .bs-po-icon-svg {
  position: static !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important; /* icon directly to the right of the text */
  color: #fff !important; /* fallback when Tailwind classes aren't present */
  pointer-events: none !important;
}