/* WooCommerce dark theme overrides */

.wc-main, .shop-archive, .single-product-wrap { background: var(--color-bg); color: var(--color-text); padding-bottom: var(--space-xl); }

/* Product loop */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: var(--space-md);
	margin: var(--space-md) 0;
	padding: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	background: var(--color-surface-light);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
	padding: 0 !important;
	transition: transform 0.3s ease, border-color 0.3s ease;
	display: flex;
	flex-direction: column;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); border-color: var(--color-primary); }
.woocommerce ul.products li.product a { color: var(--color-text); display: block; }
.woocommerce ul.products li.product img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
	font-family: var(--font-heading);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--color-text);
	padding: 1rem 1rem 0.4rem;
	margin: 0;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price * {
	color: var(--color-primary);
	font-weight: 600;
	font-size: 1rem;
	padding: 0 1rem;
	margin: 0;
}
.woocommerce ul.products li.product .price del { color: var(--color-text-muted); margin-right: 0.5rem; }
.woocommerce ul.products li.product .price ins { background: transparent; text-decoration: none; }

/* "Add to cart" loop button */
.woocommerce ul.products li.product .button,
.woocommerce a.add_to_cart_button {
	margin: 0.8rem 1rem 1rem !important;
	padding: 0.6rem 1rem !important;
	background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)) !important;
	color: #fff !important;
	border-radius: 4px !important;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: 0.85rem;
	box-shadow: 0 4px 15px rgba(0, 227, 176, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: none;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.add_to_cart_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 227, 176, 0.4);
}

/* Onsale badge */
.woocommerce span.onsale {
	background: var(--color-primary) !important;
	color: #000 !important;
	font-family: var(--font-heading);
	font-weight: 700;
	border-radius: 4px;
	padding: 4px 10px;
	min-height: auto;
	min-width: auto;
	line-height: 1.2;
	top: 10px; left: 10px;
}

/* Single product */
.woocommerce div.product { color: var(--color-text); margin-top: var(--space-md); }
.woocommerce div.product .product_title {
	color: var(--color-text);
	font-family: var(--font-heading);
	font-size: 2rem;
	margin-bottom: 0.5rem;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--color-primary);
	font-size: 1.5rem;
	font-weight: 600;
}
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--color-text-muted); }
.woocommerce div.product div.images img { border-radius: 12px; }
.woocommerce div.product .summary > * { margin-bottom: 1rem; }

/* Quantity input */
.woocommerce .quantity .qty {
	background: var(--color-surface-light) !important;
	color: var(--color-text);
	border: 1px solid var(--color-border) !important;
	padding: 0.6rem !important;
	border-radius: 4px;
}

/* Single product add-to-cart */
.woocommerce div.product form.cart .button.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce button.button {
	background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 4px !important;
	font-family: var(--font-heading) !important;
	font-weight: 600 !important;
	padding: 0.8rem 1.5rem !important;
	box-shadow: 0 4px 15px rgba(0, 227, 176, 0.3);
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover,
.woocommerce button.button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 227, 176, 0.5); }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--color-border);
	padding-left: 0;
	margin: var(--space-md) 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 1rem 0 0 !important;
	border-radius: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--color-text-muted) !important;
	font-family: var(--font-heading);
	font-weight: 500;
	padding: 1rem 0 !important;
	display: inline-block;
	border-bottom: 2px solid transparent;
	transition: color 0.3s ease, border-color 0.3s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--color-primary) !important;
	border-bottom-color: var(--color-primary);
}
.woocommerce div.product .woocommerce-tabs .panel { color: var(--color-text-muted); }
.woocommerce div.product .woocommerce-tabs .panel h2 { color: var(--color-text); }

/* Tables (cart/checkout) */
.woocommerce table.shop_table,
.woocommerce-cart table.cart,
.woocommerce-checkout table {
	background: var(--color-surface-light);
	color: var(--color-text);
	border: 1px solid var(--color-border);
	border-collapse: separate;
	border-radius: 8px;
	overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-color: var(--color-border) !important;
	color: var(--color-text);
}
.woocommerce table.shop_table thead {
	background: var(--color-surface);
}

/* Forms (checkout/account) */
.woocommerce form .form-row label,
.woocommerce-page form .form-row label { color: var(--color-text); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
	background: rgba(0, 0, 0, 0.3) !important;
	border: 1px solid var(--color-border) !important;
	color: var(--color-text) !important;
	border-radius: 6px !important;
	padding: 0.7rem 0.9rem !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--color-primary) !important;
	outline: none !important;
}

/* Notices (WooCommerce alerts) */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background: var(--color-surface-light) !important;
	color: var(--color-text) !important;
	border-top: 3px solid var(--color-primary) !important;
	padding: 1rem 1.5rem 1rem 3rem !important;
	border-radius: 6px;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before { color: var(--color-primary) !important; }

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
	color: var(--color-text-muted);
	margin-top: var(--space-md);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--color-text-muted); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--color-primary); }