/* ==========================================================================
   Cart + checkout page buttons (Jay #746, 5 Nov 2026; sw2): the same two BOX styles as the truck's mini-cart
   (header-footer.css section 14). Loaded only on the cart and checkout pages (inc/features/header-footer.php).
   - main: Proceed To Checkout, Place Order: green-ink #2f3f2e filled, white Lato 700 16px (12.6:1);
   - secondary: Continue Shopping, Apply Coupon: white, 1.5px brand-sage #9ebc96 border, green-ink text.
   Square corners, 46px, Title Case.
   ========================================================================== */
.swp-hf.woocommerce-cart :is(.wc-proceed-to-checkout .checkout-button, .button-continue-shopping, .coupon button[name="apply_coupon"]),
.swp-hf.woocommerce-checkout #place_order {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1.5px solid #9ebc96;
	border-radius: 0;
	background: #fff;
	color: #2f3f2e;
	font: 700 16px/1.15 Lato, "Lato Fallback", Arial, sans-serif;
	letter-spacing: 0;
	text-transform: capitalize;
	text-shadow: none;
	box-shadow: none;
}
.swp-hf.woocommerce-cart .wc-proceed-to-checkout .checkout-button.button, /* .button: beats the :is() list above */
.swp-hf.woocommerce-checkout #place_order { border-color: #2f3f2e; background: #2f3f2e; color: #fff; }
.swp-hf.woocommerce-cart .button-continue-shopping { width: auto; padding: 0 22px; }
.swp-hf.woocommerce-cart :is(.checkout-button, .button-continue-shopping, button[name="apply_coupon"]):focus-visible,
.swp-hf.woocommerce-checkout #place_order:focus-visible { outline: 2px solid #3f573e; outline-offset: 2px; }
@media (hover: hover) {
	.swp-hf.woocommerce-cart :is(.button-continue-shopping, .coupon button[name="apply_coupon"]):hover { background: #f2f3f1; color: #2f3f2e; }
	.swp-hf.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
	.swp-hf.woocommerce-checkout #place_order:hover { border-color: #3f573e; background: #3f573e; color: #fff; }
}
/* The Cart page's 500px bottom spacer (its second [gap]) on the FULL cart too (Jay #748 A; the 55px top one stays so the
   cart doesn't touch the menu bar; cart-empty.css hides both while the cart is empty). LEGACY !important: Flatsome
   writes style="display:block" on gap elements. */
.swp-hf.woocommerce-cart #content > .gap-element ~ .gap-element { display: none !important; }