/*
 * Docyart product page — UI tweaks (non-shipping).
 * Enqueued only on is_product().
 */

/* Hide the quantity picker on single product pages — the form still
   submits quantity=1 thanks to the woocommerce_quantity_input_args filter. */
.single-product form.cart .quantity {
	display: none !important;
}

/* Note: Kadence hamburger hide, duplicate site-title hide, and bottom-nav
   body padding used to live here scoped to .single-product. They've been
   moved to homepage.css so they apply on every front-end page (chrome
   is site-wide now). This file is back to product-page-specific tweaks. */

/* Product gallery "expand" icon.
   Kadence draws its own magnifier via ::before (circle) + ::after (handle)
   pseudo-elements on the trigger. We wipe those out and paint our own
   "arrows-to-corners" expand icon via a background SVG. */
.woocommerce-product-gallery__trigger {
	color: transparent !important;
	font-size: 0 !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	top: 12px !important;
	right: 12px !important;
	left: auto !important;
	background: rgba(0, 0, 0, 0.65) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' y1='3' x2='14' y2='10'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
	transition: background-color 0.15s ease, transform 0.15s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-sizing: border-box !important;
}
/* Kill Kadence's drawn magnifier so only our SVG shows. */
.woocommerce-product-gallery__trigger::before,
.woocommerce-product-gallery__trigger::after {
	content: none !important;
	display: none !important;
	background: none !important;
	border: 0 !important;
	width: 0 !important;
	height: 0 !important;
}
.woocommerce-product-gallery__trigger:hover,
.woocommerce-product-gallery__trigger:focus {
	background-color: rgba(0, 0, 0, 0.85) !important;
	transform: scale(1.05);
}
