/* WooCommerce overrides for NewPoseh */

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
	list-style: none; padding: 0; margin: 0 0 24px;
}
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid var(--np-border, #e2e8f0);
	border-radius: var(--np-radius-lg, 14px);
	padding: 18px;
	box-shadow: var(--np-shadow-sm, 0 2px 6px rgba(10,37,64,.06));
	width: auto !important; margin: 0 !important; float: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.1rem;
	color: var(--np-primary, #0a2540);
	margin: 8px 0;
}
.woocommerce ul.products li.product .price {
	color: var(--np-primary-2, #1a3a6c);
	font-weight: 700;
}
.woocommerce ul.products li.product img { border-radius: 8px; }

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: var(--np-accent, #f47b20) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--np-radius, 8px) !important;
	padding: 12px 22px !important;
	font-weight: 600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover {
	background: var(--np-accent-hover, #d96710) !important;
}

/* Single product */
.woocommerce div.product .product_title { color: var(--np-primary, #0a2540); }
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--np-primary-2, #1a3a6c); }
.woocommerce-tabs .tabs li.active a {
	background: #fff !important;
	border-top: 3px solid var(--np-accent, #f47b20) !important;
}

/* Notices */
.woocommerce-message { border-top-color: var(--np-accent, #f47b20) !important; }
.woocommerce-info    { border-top-color: var(--np-primary-3, #3b6fb6) !important; }

/* Cart & checkout */
.woocommerce-cart table.cart th { background: var(--np-bg-soft, #f5f7fa); }

/* Responsive */
@media (max-width: 600px) {
	.woocommerce ul.products { grid-template-columns: 1fr; }
}
