/**
 * Shop Kit · Product page — the Shoptimizer adapter (2.9.x; enqueued when the active parent theme is Shoptimizer,
 * right after product-page.css). Its PHP twin is themes/shoptimizer.php.
 *
 * What the theme needs:
 *   • the page keeps WooCommerce's classes where WooCommerce's and the theme's scripts look for them — .summary on the
 *     buy box (the theme's AJAX add-to-cart binds to `.summary form.cart` and opens its side cart), .quantity / .qty in
 *     WooCommerce's form — and the theme styles those classes (product.min.css, rtl.css, the Customizer's inline CSS):
 *     the summary's float and 36–48% width, the H1's 60px RTL gutter, the 50 × 52px boxed number input, the button's
 *     40px RTL margin beside its floated quantity, the form's clearfix (two empty flex items, two extra gaps). Its
 *     selectors outrank a component's (RTL and #page prefixes), so these few properties carry !important;
 *   • its side cart's open state is body.drawer-open: the phone's bottom bar goes down while it is open;
 *   • its pinned header sits at z 9 (the phone's masthead) and 15 (the desktop menu): the jump bar stays under both.
 */

:where(:root) {
	--sk-pdp-jump-z: 8;
}

/* the buy box scrolls with the page (the signed demo). CommerceKit's compatibility/shoptimizer.css pins the summary
 * (`.theme-shoptimizer:not(.cgkit-gallery-type-swiper).single-product div.product .summary { position: sticky; top: 30px;
 * align-self: flex-start }`, from 993px) as soon as its own gallery is off — 30px from the top, under the theme's
 * pinned header (2026-10-13: the title slid under the menu bar) */
.sk-pdp .sk-pdp-buy.summary {
	position: static !important;
	top: auto !important;
	align-self: auto !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
.sk-pdp .sk-pdp-buy .sk-pdp-title {
	padding: 0 !important;
}
.sk-pdp .sk-pdp-cta .single_add_to_cart_button {
	margin: 0 !important;                            /* rtl.css: a 40px gap beside the theme's floated quantity */
}
/* "added" (its AJAX add succeeded): no icon — the theme draws a check-circle on ::before, nudged 4px down; the side
 * cart opening is the confirmation */
.sk-pdp form.cart .single_add_to_cart_button.added::before {
	content: none;
	display: none;
}
.sk-pdp .sk-pdp-cta form.cart::before,
.sk-pdp .sk-pdp-cta form.cart::after {
	content: none;                                   /* the theme's clearfix: two empty flex items, two extra gaps */
}
.sk-pdp .sk-pdp-cta .quantity .qty {
	width: 36px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

@media (max-width: 992px) {
	/* the side cart open: the bottom bar down (the same slide as at the footer) */
	body.sk-pdp-atc-passed.drawer-open .sk-pdp-bar {
		transform: translateY(100%);
		visibility: hidden;
		transition: transform var(--sk-pdp-bar-motion) ease-out, visibility 0s linear var(--sk-pdp-bar-motion);
	}
}