/**
 * Astra theme compatibility — scoped WooCommerce layout fixes.
 */

/* Preserve Astra container; only style inside plugin wrappers */
.nwui-astra-compat .woocommerce .nwui-page-shell,
.nwui-astra-compat .woocommerce .nwui-shop-wrapper {
	max-width: 1760px;
	margin-left: auto;
	margin-right: auto;
}

.nwui-astra-compat .woocommerce .nwui-single-product {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Clear WooCommerce floats without breaking Astra structure */
.nwui-astra-compat .woocommerce div.product .woocommerce-product-gallery,
.nwui-astra-compat .woocommerce div.product .summary.entry-summary {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 0;
}

.nwui-astra-compat .woocommerce div.product::before,
.nwui-astra-compat .woocommerce div.product::after {
	display: none;
}

.nwui-astra-compat.single-product .site-content,
.nwui-astra-compat.single-product .ast-container,
.nwui-astra-compat.single-product .content-area {
	max-width: 100% !important;
	width: 100% !important;
	overflow-x: hidden;
}

/* Breadcrumb inside Astra */
.nwui-astra-compat .woocommerce .woocommerce-breadcrumb {
	margin-bottom: 16px;
}

/* Prevent horizontal overflow on mobile */
.nwui-astra-compat.nwui-mobile .site-content,
.nwui-astra-compat.nwui-mobile .ast-container,
.nwui-astra-compat.nwui-mobile .woocommerce {
	overflow-x: hidden;
	max-width: 100%;
}

/* Related products use plugin card grid */
.nwui-astra-compat .nwui-single-product .related.products ul.products {
	margin: 0;
	padding: 0;
}

/* Cart/checkout inside Astra */
.nwui-astra-compat .woocommerce-cart .nwui-cart-page,
.nwui-astra-compat .woocommerce-checkout .nwui-checkout-page,
.nwui-astra-compat .woocommerce-account .nwui-account-page,
.nwui-astra-compat .woocommerce-checkout .nwui-thankyou-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

@media (max-width: 768px) {
	.nwui-astra-compat .ast-separate-container .ast-article-single,
	.nwui-astra-compat .ast-separate-container .ast-woocommerce-container {
		padding-left: 12px;
		padding-right: 12px;
	}
}