/* ============================================================
 * BAMMAT — product.css
 * Single product page. CSS-ONLY, and works WITH Woodmart's
 * native grid (.wd-grid-g / .wd-grid-col driven by --wd-col-*).
 * We do NOT override the grid — we only add the grey-canvas card
 * look + component styling to match cart/checkout.
 * Tokens only, no hard-coded colors/spacing.
 * ========================================================== */

/* ---- Column ratio -----------------------------------------
 * Woodmart defaults to 4/8 (image 33%). Nudge to 5/7 so the
 * product image gets more room. Delete these two rules to
 * revert to Woodmart's default. !important beats the inline var.
 * ---------------------------------------------------------- */
.single-product .product-images.wd-grid-col{ --wd-col-lg:5 !important; }
.single-product .summary.entry-summary.wd-grid-col{ --wd-col-lg:7 !important; }

/* ---- Gallery: white card on the canvas ---- */
.single-product .product-images .woocommerce-product-gallery{
	background:var(--bm-card);
	border-radius:var(--bm-radius);
	box-shadow:var(--bm-shadow);
	padding:var(--bm-sp-5);
	overflow:hidden;
}
.single-product .woocommerce-product-gallery__image img{
	border-radius:var(--bm-radius-sm);
	object-fit:contain;
}

/* ---- Summary: white card ---- */
.single-product .summary.entry-summary{
	background:var(--bm-card);
	border-radius:var(--bm-radius);
	box-shadow:var(--bm-shadow);
	padding:var(--bm-sp-6);
}

/* ---- Title ---- */
.single-product .summary .product_title{
	font-family:var(--bm-font);
	font-size:24px; font-weight:800; letter-spacing:-.02em;
	color:var(--bm-ink); line-height:1.2;
	margin:0 0 var(--bm-sp-3);
}

/* ---- Price (blue, prominent) ---- */
.single-product .summary .price,
.single-product .summary .price ins{
	font-size:26px !important; font-weight:800;
	color:var(--bm-blue) !important; letter-spacing:-.02em;
	margin:0 0 var(--bm-sp-5); text-decoration:none;
}
.single-product .summary .price del{
	font-size:16px; font-weight:600; color:var(--bm-ink-3);
	margin-right:var(--bm-sp-2);
}

/* ---- Add-to-cart row: stepper + button on one line ---- */
.single-product .summary form.cart{
	display:flex; align-items:stretch; gap:var(--bm-sp-3);
	margin:0 0 var(--bm-sp-5);
}
.single-product .summary form.cart .quantity{
	display:inline-flex; align-items:center;
	background:var(--bm-bg); border-radius:12px; padding:4px;
}
.single-product .summary form.cart .quantity .qty{
	width:44px; border:none; background:transparent; text-align:center;
	font-size:15px; font-weight:700; color:var(--bm-ink); -moz-appearance:textfield;
}
.single-product .summary form.cart .quantity .qty::-webkit-outer-spin-button,
.single-product .summary form.cart .quantity .qty::-webkit-inner-spin-button{
	-webkit-appearance:none; margin:0;
}
.single-product .summary form.cart .quantity .minus,
.single-product .summary form.cart .quantity .plus{
	width:34px; height:34px; border:none;
	background:var(--bm-card); border-radius:9px;
	font-size:18px; font-weight:600; color:var(--bm-blue);
	box-shadow:var(--bm-shadow-sm); cursor:pointer;
	display:flex; align-items:center; justify-content:center; line-height:1;
}
.single-product .summary form.cart .quantity .minus:active,
.single-product .summary form.cart .quantity .plus:active{ transform:scale(.94); }

.single-product .summary form.cart .single_add_to_cart_button{
	flex:1;
	display:inline-flex; align-items:center; justify-content:center;
	padding:0 var(--bm-sp-6); min-height:52px;
	border:none; border-radius:14px;
	background:var(--bm-blue); color:#fff;
	font-family:var(--bm-font); font-size:15px; font-weight:700;
	letter-spacing:.01em; text-transform:none; white-space:nowrap;
	box-shadow:0 6px 16px rgba(81,125,252,.28);
	cursor:pointer; transition:background .15s;
}
.single-product .summary form.cart .single_add_to_cart_button:hover{ background:var(--bm-blue-dark); }
.single-product .summary form.cart .single_add_to_cart_button:active{ transform:translateY(1px); }

/* ---- Disclaimer / short description (PART-added note) ---- */
.single-product .summary .woocommerce-product-details__short-description{
	font-size:13px; line-height:1.55; color:var(--bm-ink-3);
	border-top:1px solid var(--bm-line);
	padding-top:var(--bm-sp-4); margin-top:var(--bm-sp-4);
}

/* ---- Trim clutter for the minimal page ----
 * Hides tabs, related, up-sells, and product meta (SKU/cats).
 * NOTE: .product-tabs-wrapper also holds Woodmart's "more from
 * this seller" block — remove that selector if you want it shown.
 */
.single-product .woocommerce-tabs,
.single-product .product-tabs-wrapper,
.single-product .up-sells,
.single-product .related.products,
.single-product .summary .product_meta{
	display:none;
}

/* ---- Mobile: Woodmart already stacks via --wd-col-sm:12 ---- */
@media (max-width:768px){
	.single-product .summary .product_title{ font-size:20px; }
	.single-product .summary .price,
	.single-product .summary .price ins{ font-size:22px !important; }
	.single-product .summary form.cart .single_add_to_cart_button{ min-height:48px; }
	/* More space below the disclaimer text (reset-last-child strips its margin) */
	.single-product .summary.entry-summary{ padding-bottom:var(--bm-sp-8); }
	.single-product .summary .woocommerce-product-details__short-description{
		margin-bottom:var(--bm-sp-2);
	}
}