fix: WP-Admin CSS conflicts and add-to-cart redirect

- Fix CSS conflicts between WP-Admin and SPA (radio buttons, chart text)
- Add Tailwind important selector scoped to #woonoow-admin-app
- Remove overly aggressive inline SVG styles from Assets.php
- Add targeted WordPress admin CSS overrides in index.css
- Fix add-to-cart redirect to use woocommerce_add_to_cart_redirect filter
- Let WooCommerce handle cart operations natively for proper session management
- Remove duplicate tailwind.config.cjs

customer-spa/src/lib/cart/api.ts

@@ -0,0 +1,111 @@
+import { Cart } from './store';
+
+const getApiConfig = () => {
+  const apiRoot = (window as any).woonoowCustomer?.apiRoot || '/wp-json/woonoow/v1';
+  const nonce = (window as any).woonoowCustomer?.nonce || '';
+  return { apiRoot, nonce };
+};
+
+/**
+ * Update cart item quantity via API
+ */
+export async function updateCartItemQuantity(
+  cartItemKey: string,
+  quantity: number
+): Promise<Cart> {
+  const { apiRoot, nonce } = getApiConfig();
+
+  const response = await fetch(`${apiRoot}/cart/update`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'X-WP-Nonce': nonce,
+    },
+    credentials: 'include',
+    body: JSON.stringify({
+      cart_item_key: cartItemKey,
+      quantity,
+    }),
+  });
+
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || 'Failed to update cart');
+  }
+
+  const data = await response.json();
+  return data.cart;
+}
+
+/**
+ * Remove item from cart via API
+ */
+export async function removeCartItem(cartItemKey: string): Promise<Cart> {
+  const { apiRoot, nonce } = getApiConfig();
+
+  const response = await fetch(`${apiRoot}/cart/remove`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'X-WP-Nonce': nonce,
+    },
+    credentials: 'include',
+    body: JSON.stringify({
+      cart_item_key: cartItemKey,
+    }),
+  });
+
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || 'Failed to remove item');
+  }
+
+  const data = await response.json();
+  return data.cart;
+}
+
+/**
+ * Clear entire cart via API
+ */
+export async function clearCartAPI(): Promise<Cart> {
+  const { apiRoot, nonce } = getApiConfig();
+
+  const response = await fetch(`${apiRoot}/cart/clear`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'X-WP-Nonce': nonce,
+    },
+    credentials: 'include',
+  });
+
+  if (!response.ok) {
+    const errorData = await response.json().catch(() => ({}));
+    throw new Error(errorData.message || 'Failed to clear cart');
+  }
+
+  const data = await response.json();
+  return data.cart;
+}
+
+/**
+ * Fetch current cart from API
+ */
+export async function fetchCart(): Promise<Cart> {
+  const { apiRoot, nonce } = getApiConfig();
+
+  const response = await fetch(`${apiRoot}/cart`, {
+    method: 'GET',
+    headers: {
+      'X-WP-Nonce': nonce,
+    },
+    credentials: 'include',
+  });
+
+  if (!response.ok) {
+    throw new Error('Failed to fetch cart');
+  }
+
+  const data = await response.json();
+  return data;
+}