/**
 * WooCommerce compatibility layer for the custom B2B theme.
 * Keeps legacy WooCommerce floats inside their content area and restores
 * readable, conversion-focused shop styling.
 */

body.woocommerce,
body.woocommerce-page {
	background: var(--vw-white);
	color: var(--vw-black);
}

body.woocommerce #content,
body.woocommerce-page #content,
body.woocommerce #primary,
body.woocommerce-page #primary,
body.woocommerce .content-area,
body.woocommerce-page .content-area,
body.woocommerce .site-main,
body.woocommerce-page .site-main {
	background: var(--vw-white);
	color: var(--vw-black);
}

body.woocommerce #content::after,
body.woocommerce-page #content::after,
body.woocommerce #primary::after,
body.woocommerce-page #primary::after,
body.woocommerce .content-area::after,
body.woocommerce-page .content-area::after,
body.woocommerce .site-main::after,
body.woocommerce-page .site-main::after,
body.woocommerce .woocommerce::after,
body.woocommerce-page .woocommerce::after {
	display: table;
	clear: both;
	content: "";
}

body.woocommerce .site-content,
body.woocommerce-page .site-content {
	min-height: 65vh;
	overflow: hidden;
	background: var(--vw-white);
}

body.woocommerce .woocommerce-breadcrumb,
body.woocommerce-page .woocommerce-breadcrumb,
body.woocommerce .woocommerce-result-count,
body.woocommerce-page .woocommerce-result-count,
body.woocommerce .widget,
body.woocommerce-page .widget,
body.woocommerce .widget a,
body.woocommerce-page .widget a,
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
	color: var(--vw-black);
}

body.woocommerce .woocommerce-ordering select,
body.woocommerce-page .woocommerce-ordering select,
body.woocommerce .widget_price_filter .price_slider_amount .button,
body.woocommerce-page .widget_price_filter .price_slider_amount .button {
	border: 1px solid var(--vw-black);
	background: var(--vw-white);
	color: var(--vw-black);
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	background: var(--vw-white);
}

body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
	border-radius: var(--vw-radius-md, 12px);
}

body.woocommerce .vw-site-footer,
body.woocommerce-page .vw-site-footer {
	position: relative;
	clear: both;
	z-index: 1;
}

@media (max-width: 768px) {
	body.woocommerce .woocommerce-ordering,
	body.woocommerce-page .woocommerce-ordering,
	body.woocommerce .woocommerce-result-count,
	body.woocommerce-page .woocommerce-result-count {
		float: none;
		width: 100%;
	}

	body.woocommerce .woocommerce-ordering select,
	body.woocommerce-page .woocommerce-ordering select {
		width: 100%;
		min-height: 46px;
	}
}