/**
 * BD Woo Product Card — Single Product Elementor widget layout.
 *
 * Provides the two-column gallery/summary layout that a theme normally supplies
 * via floats on the real product page. The inner element styling is inherited
 * from bd-woo-single.css (this widget reuses the .single-product .product scope).
 */

.bd-single-widget {
	/* Neutralise theme float clearing quirks inside Elementor. */
	width: 100%;
}

.bd-single-widget .bd-single-product {
	display: block;
}

/* Gallery + summary row */
.bd-single-widget .bd-single-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: start;
}

/* WooCommerce gallery uses floats internally; contain them. */
.bd-single-widget .bd-single-top .woocommerce-product-gallery {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
}

.bd-single-widget .bd-single-top .summary,
.bd-single-widget .bd-single-top .entry-summary {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
}

/* Full-width sections below the top row. */
.bd-single-widget .woocommerce-tabs,
.bd-single-widget .related.products,
.bd-single-widget .upsells.products {
	clear: both;
	width: 100%;
}

/* Category eyebrow above the title (rendered by the widget). */
.bd-single-widget .bd-single-cat {
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var( --bd-accent, #ec4899 );
}

/* Editor placeholder / empty states. */
.bd-single-widget__notice {
	padding: 28px;
	border: 1px dashed rgba( 15, 17, 23, 0.25 );
	border-radius: 12px;
	color: #6b7280;
	text-align: center;
	background: rgba( 15, 17, 23, 0.02 );
}

/* Stack on tablet and below. */
@media ( max-width: 1024px ) {
	.bd-single-widget .bd-single-top {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
}