/*
 * DDL theme overrides.
 *
 * Product-page gallery image sizing:
 * - Keep images centered in the active gallery panel.
 * - Constrain image height to 470px while preserving intrinsic ratio.
 *
 * Hide-price styling:
 * - body.ddl-hide-price is added server-side when _ddl_hide_price = yes.
 * - Entire add-to-cart widget (variations, quantity, button) is hidden via CSS.
 * - Bespoke price text replaces the price element.
 */

/*
 * Hide-price: suppress entire add-to-cart / purchasing UI on single product pages.
 * Targets both Elementor Pro widget wrapper and standard WooCommerce form markup.
 */
body.ddl-hide-price .elementor-add-to-cart,
body.ddl-hide-price form.cart,
body.ddl-hide-price .woocommerce-variation-add-to-cart,
body.ddl-hide-price .variations,
body.ddl-hide-price .single_variation_wrap {
	display: none !important;
}

/*
 * View Details button styling for loop pages (shop/archive).
 * Displayed after primary button when hide_price=false, or alone when hide_price=true.
 * Uses FontAwesome magnifying glass icon.
 */
.ddl-view-details-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	margin-left: 0.5em;
	font-size: inherit;
	text-decoration: none;
	border-radius: inherit;
	padding: 0.75em 1.5em;
}

.ddl-view-details-button i {
	font-size: 1.1em;
}

.ddl-bespoke-price {
	text-transform: none !important;
}

.ddl-bespoke-price-small {
	font-size: 0.5em !important;
}
body.single-product .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image {
	display: flex;
	justify-content: center;
	align-items: center;
}

body.single-product .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
	max-height: 470px;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
}