/* Shared action skin. Native Woo checkout buttons are aliases because their
   markup belongs to WooCommerce; no template override or click listener needed.
   Width, flex-basis, margins and responsive stacking remain owned by the layout. */
body :is(.boppflow-flow-btn,
 .boppflow-mobile-checkout #place_order,
 .boppflow-mobile-checkout .wc-block-components-checkout-place-order-button,
 .boppflow-mobile-checkout button[name="apply_coupon"],
 .boppflow-mobile-checkout button[name="login"],
 .boppflow-mobile-checkout .wc-block-components-totals-coupon__button) {
 --boppflow-flow-gold:var(--boppflow-cart-gold,var(--gold,#c9a15a));
 box-sizing:border-box;
 min-height:2.75rem;
 height:auto;
 padding:clamp(.75rem,2vw,1rem) 1.125rem!important;
 border:1px solid var(--boppflow-flow-gold)!important;
 border-radius:3px!important;
 background:var(--boppflow-flow-bg,var(--boppflow-flow-gold))!important;
 color:var(--boppflow-flow-text,#141414)!important;
 font-family:var(--e-global-typography-text-font-family,Arial),Arial,sans-serif!important;
 font-size:clamp(.875rem,1.5vw,1rem)!important;
 font-weight:700!important;
 line-height:1.4!important;
 text-decoration:none!important;
 text-shadow:none!important;
 box-shadow:none!important;
 cursor:pointer;
 transition:background-color .2s ease,color .2s ease!important;
}
body :is(.boppflow-flow-btn--secondary,
 .boppflow-mobile-checkout button[name="apply_coupon"],
 .boppflow-mobile-checkout button[name="login"],
 .boppflow-mobile-checkout .wc-block-components-totals-coupon__button) {
 --boppflow-flow-bg:transparent;
 --boppflow-flow-text:var(--boppflow-flow-gold);
 --boppflow-flow-hover-bg:var(--boppflow-flow-gold);
 --boppflow-flow-hover-text:#141414;
}
body :is(.boppflow-flow-btn,
 .boppflow-mobile-checkout #place_order,
 .boppflow-mobile-checkout .wc-block-components-checkout-place-order-button,
 .boppflow-mobile-checkout button[name="apply_coupon"],
 .boppflow-mobile-checkout button[name="login"],
 .boppflow-mobile-checkout .wc-block-components-totals-coupon__button):hover:not(:disabled):not([aria-disabled="true"]):not(.disabled) {
 --boppflow-flow-bg:var(--boppflow-flow-hover-bg,transparent);
 --boppflow-flow-text:var(--boppflow-flow-hover-text,var(--boppflow-flow-gold));
}
body :is(.boppflow-flow-btn,
 .boppflow-mobile-checkout #place_order,
 .boppflow-mobile-checkout .wc-block-components-checkout-place-order-button,
 .boppflow-mobile-checkout button[name="apply_coupon"],
 .boppflow-mobile-checkout button[name="login"],
 .boppflow-mobile-checkout .wc-block-components-totals-coupon__button):focus-visible {
 outline:2px solid var(--boppflow-flow-gold)!important;
 outline-offset:3px!important;
}
body :is(.boppflow-flow-btn,
 .boppflow-mobile-checkout #place_order,
 .boppflow-mobile-checkout .wc-block-components-checkout-place-order-button,
 .boppflow-mobile-checkout button[name="apply_coupon"],
 .boppflow-mobile-checkout button[name="login"],
 .boppflow-mobile-checkout .wc-block-components-totals-coupon__button):is(:disabled,[aria-disabled="true"],.disabled) {
 opacity:.5!important;
 cursor:not-allowed!important;
}
@media(prefers-reduced-motion:reduce){
 body .boppflow-flow-btn{transition:none!important}
}
/* WooCommerce keeps the submit control in the DOM while processing payment. */
body.boppflow-mobile-checkout form.processing #place_order,
body.boppflow-mobile-checkout form.processing #place_order:hover {
 --boppflow-flow-bg:var(--boppflow-flow-gold)!important;
 --boppflow-flow-text:#141414!important;
 opacity:.5!important;cursor:not-allowed!important;
}