/**
 * WooCommerce layout adjustments — lets WooCommerce's default templates
 * (archive-product.php / single-product.php / cart / checkout / my-account)
 * sit inside the theme's own <main class="sbg-main sbg-woocommerce-main">
 * wrapper (see inc/woocommerce.php) and match the card/button language
 * used everywhere else in the theme.
 */

.sbg-woocommerce-main { padding: 32px 0 64px; }
.sbg-woocommerce-main .sbg-container { padding-left: var(--sbg-container-padding, 20px); padding-right: var(--sbg-container-padding, 20px); }

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin: 24px 0;
	list-style: none;
	padding: 0;
}
.woocommerce ul.products li.product {
	background: var(--sbg-card-bg, #fff);
	border: 1px solid var(--sbg-border-color, #E2E8F0);
	border-radius: var(--sbg-radius-lg, 16px);
	overflow: hidden;
	padding: 0 0 18px;
	transition: var(--sbg-transition, all 0.2s ease);
	width: auto;
	margin: 0;
	float: none;
}
.woocommerce ul.products li.product:hover { transform: translateY(-3px); box-shadow: var(--sbg-shadow-md, 0 4px 12px rgba(15,23,42,0.08)); }
.woocommerce ul.products li.product img { width: 100%; aspect-ratio: 1/1; object-fit: cover; margin-bottom: 12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 16px; font-size: 1rem; }
.woocommerce ul.products li.product .price { padding: 0 16px; color: var(--sbg-color-secondary, #2563EB); font-weight: 700; }
.woocommerce ul.products li.product .star-rating { margin: 0 16px 8px; }
.woocommerce ul.products li.product .button {
	margin: 12px 16px 0;
	background: var(--sbg-btn-primary-bg, var(--sbg-color-secondary, #2563EB));
	color: #fff;
	border-radius: var(--sbg-radius-md, 10px);
	padding: 10px 18px;
	font-weight: 600;
	width: calc(100% - 32px);
	text-align: center;
}
.woocommerce ul.products li.product .button:hover { background: var(--sbg-btn-primary-hover-bg, #1d4ed8); }

.woocommerce nav.woocommerce-pagination ul { border: none; }
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border-radius: var(--sbg-radius-sm, 6px);
	margin: 0 4px;
}

.woocommerce div.product .woocommerce-product-gallery { border-radius: var(--sbg-radius-lg, 16px); overflow: hidden; }
.woocommerce div.product p.price { font-size: 1.6rem; color: var(--sbg-color-secondary, #2563EB); }
.woocommerce div.product .single_add_to_cart_button {
	background: var(--sbg-btn-accent-bg, var(--sbg-color-accent, #FF9900)) !important;
	color: var(--sbg-btn-accent-color, #0F172A) !important;
	border-radius: var(--sbg-radius-md, 10px) !important;
	padding: 14px 32px !important;
	font-weight: 700 !important;
}
.woocommerce div.product .single_add_to_cart_button:hover { background: var(--sbg-btn-accent-hover-bg, #E68A00) !important; }

.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top-color: var(--sbg-color-secondary, #2563EB) !important;
	border-radius: var(--sbg-radius-md, 10px);
}

.sbg-woo-buybox, .sbg-woo-grid { font-family: var(--sbg-font-body, inherit); }

/* Cart / Checkout tables */
.woocommerce table.shop_table { border-radius: var(--sbg-radius-md, 10px); overflow: hidden; border-color: var(--sbg-border-color, #E2E8F0); }
.woocommerce #payment div.payment_box { background: var(--sbg-color-light-gray, #F1F5F9); border-radius: var(--sbg-radius-md, 10px); }
.woocommerce a.checkout-button, .woocommerce #place_order {
	background: var(--sbg-btn-primary-bg, var(--sbg-color-secondary, #2563EB)) !important;
	border-radius: var(--sbg-radius-md, 10px) !important;
}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin-bottom: 6px; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block; padding: 10px 16px; border-radius: var(--sbg-radius-sm, 6px); background: var(--sbg-color-light-gray, #F1F5F9);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--sbg-color-secondary, #2563EB); color: #fff;
}

/* Dark mode */
[data-sbg-theme="dark"] .woocommerce ul.products li.product,
[data-sbg-theme="dark"] .woocommerce table.shop_table,
[data-sbg-theme="dark"] .woocommerce #payment div.payment_box {
	background: var(--sbg-card-bg, #1A2332);
	border-color: var(--sbg-border-color, #2D3B4F);
	color: var(--sbg-body-text, #E2E8F0);
}
[data-sbg-theme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation li a {
	background: var(--sbg-color-light-gray, #1E293B);
	color: var(--sbg-body-text, #E2E8F0);
}

@media (max-width: 860px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.woocommerce ul.products { grid-template-columns: 1fr; }
}