/* ==========================================================================
   Iceberg Theme - WooCommerce Archive / Cart / Checkout Styles
   Single product styles are in style.css (sp-* classes)
   ========================================================================== */

/* ---------- Products Grid (Archive) ---------- */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.woocommerce ul.products li.product {
	float: none;
	width: 100% !important;
	margin: 0 !important;
	border: 1px solid var(--slate-200);
	border-radius: var(--radius-xl);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product a img { margin: 0; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 12px 16px 0;
	font-size: 1rem;
}

.woocommerce ul.products li.product .price {
	padding: 4px 16px;
	font-weight: 700;
}

.woocommerce ul.products li.product .button {
	margin: 12px 16px 16px;
	width: calc(100% - 32px);
}

/* ---------- Cart ---------- */
.woocommerce-cart table.cart { border-collapse: collapse; }

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
	padding: 16px;
	border-bottom: 1px solid var(--slate-200);
}

.woocommerce-cart .cart_totals {
	background: var(--slate-50);
	padding: 24px;
	border-radius: var(--radius-xl);
}

/* ---------- Checkout ---------- */
.woocommerce-checkout .form-row label { font-weight: 600; margin-bottom: 4px; }

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea { width: 100%; }

.woocommerce #order_review {
	background: var(--slate-50);
	padding: 24px;
	border-radius: var(--radius-xl);
}

/* ---------- My Account ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation { width: 200px; float: left; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin-bottom: 4px; }
.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 10px 16px;
	border-radius: var(--radius-xl);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	background: var(--primary);
	color: var(--white);
}
.woocommerce-account .woocommerce-MyAccount-content { overflow: hidden; padding-left: 40px; }

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; float: none; margin-bottom: 24px; }
	.woocommerce-account .woocommerce-MyAccount-content { padding-left: 0; }
}

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