/* ============================================================
   AuraBricks Theme — WooCommerce CSS
   Section : 01. Global Layout
   Source  : assets/css/woocommerce.css (lines 139–179)
   ============================================================ */

/* ============================================================
   01. Global Layout
   (Wrappers — temporary until archive-product.php in Part 3)
   ============================================================ */

/* WooCommerce content area — keeps content centered in the page */
.abr-woo-container {
	width: 100%;
	max-width: var(--abr-container-width, 1280px);
	margin-inline: auto;
	padding-inline: var(--abr-container-padding, 24px);
	box-sizing: border-box;
}

@media (max-width: 480px) {
	.abr-woo-container {
		padding-inline: 16px;
	}
}

/* Inner content wrapper */
.abr-woo-main {
	width: 100%;
	box-sizing: border-box;
}

/* Ensure WooCommerce breadcrumb uses our styling (not WC's default) */
.woocommerce-breadcrumb {
	display: none; /* hidden — aurabricks_breadcrumbs() used instead */
}

/* Fix: WooCommerce body class — ensure woocommerce default styles scope properly */
.woocommerce .abr-woo-container ul.products,
.woocommerce-page .abr-woo-container ul.products {
	margin: 0;
	padding: 0;
	list-style: none;
}