/**
 * Buy-Now-only purchase model (single-item → checkout).
 * Loaded on product single + shop/archive/vendor-store surfaces.
 *
 * IMPORTANT: .single_add_to_cart_button is only VISUALLY hidden, never
 * display:none/removed — Motta's buy-now JS triggers a click on it to submit
 * the form. A screen-reader-hidden / clip technique keeps it submittable.
 */

/* ---- Single product: hide Add to cart, keep it clickable for Motta JS ---- */
.single-product div.product form.cart .single_add_to_cart_button {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	pointer-events: none; /* user can't hit the invisible target; JS .trigger still works */
}

/* ---- Promote Buy Now to the primary CTA ---- */
.single-product div.product .motta-buy-now-button,
.product-quickview .motta-buy-now-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.01em;
	border-radius: 999px;
	background: var(--pb-brand-teal, #2095b8) !important;
	color: #fff !important;
	border: none !important;
	cursor: pointer;
	transition: background 0.15s ease, transform 0.05s ease;
}
.single-product div.product .motta-buy-now-button:hover,
.product-quickview .motta-buy-now-button:hover {
	background: var(--pb-brand-teal-dark, #197a96) !important;
}
.single-product div.product .motta-buy-now-button:active {
	transform: translateY(1px);
}
.single-product div.product .motta-buy-now-button.disabled,
.single-product div.product .motta-buy-now-button.wc-variation-selection-needed {
	opacity: 0.5;
	cursor: not-allowed;
}

/* The qty input is the only thing left beside Buy Now — tidy the row. */
.single-product div.product form.cart {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* ---- Shop / archive loop: no purchase button on the grid (Vinted/Depop) ----
 * Motta renders the loop "Add to cart" as a product-card hover icon. Hide ONLY
 * the add-to-cart icon; the card still links to the product page, where Buy Now
 * lives. Wishlist / quick-view / compare icons are deliberately left visible. */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.woocommerce ul.products li.product .motta-button--atc,
.product-featured-icons .add_to_cart_button,
.product-featured-icons .motta-button--atc,
li.product .add_to_cart_button.ajax_add_to_cart {
	display: none !important;
}
/* Quick-view modal mirrors the single-product surface: hide add-to-cart, keep Buy Now. */
.product-quickview .single_add_to_cart_button {
	position: absolute !important;
	width: 1px !important; height: 1px !important;
	overflow: hidden !important; clip: rect(0,0,0,0) !important;
	pointer-events: none;
}