/* "Buy Now" button — printed on the theme's own single-product page (see
   WLEC_Buy_Now::render_button()), so it's styled as
   an outline variant of the store's own "Add to cart" button rather than a
   filled one: it sits right next to a theme-styled solid button and
   shouldn't visually compete with it for primary attention. Deliberately
   minimal/overridable — themes vary widely in single-product layout. */
.wlec-buy-now-btn {
	display: block;
	background: transparent !important;
	color: var(--wlec-cta-bg) !important;
	border: 1.5px solid var(--wlec-cta-bg) !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wlec-buy-now-btn:hover {
	background: var(--wlec-cta-bg) !important;
	color: var(--wlec-cta-color, #ffffff) !important;
}

/* Add to Cart + Buy Now, evenly filling the row — buy-now.js wraps the
   two buttons in this at runtime rather than relying on flex:1 against
   whatever row the theme happened to already have (that assumption is what
   produced the uneven Add to Cart/Buy Now widths this replaces: many themes
   lay this row out with inline-block/floats, not flexbox, so flex:1 on the
   buttons alone was a no-op). This wrapper is ours, so equal widths are
   guaranteed regardless of the theme's own markup/CSS. */
.wlec-cta-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 8px;
	width: 100%;
	margin: 8px 0 0;
}

.wlec-cta-row .single_add_to_cart_button {
	flex: 1 1 0;
	min-width: 0;
	margin: 0 !important;
	text-align: center;
}