fixed css

Author: rickcrawford

src/widget.js

@@ -72,9 +72,45 @@
 (function(window, document) {
   'use strict';
 
+  // Detect the script URL to determine CDN base for CSS loading
+  // This allows the CSS to be loaded from the same location as the widget.js
+  const SCRIPT_URL = (function() {
+    try {
+      // Try document.currentScript first (works in most cases)
+      if (document.currentScript && document.currentScript.src) {
+        return document.currentScript.src;
+      }
+      // Fallback: find our script by looking for widget.js in script tags
+      const scripts = document.getElementsByTagName('script');
+      for (let i = scripts.length - 1; i >= 0; i--) {
+        const src = scripts[i].src || '';
+        if (src.includes('widget') && src.includes('.js')) {
+          return src;
+        }
+      }
+    } catch (e) {
+      // Ignore errors
+    }
+    return null;
+  })();
+
+  // Extract CDN base URL from script source
+  const CDN_BASE = (function() {
+    if (SCRIPT_URL) {
+      try {
+        const url = new URL(SCRIPT_URL);
+        return `${url.protocol}//${url.host}`;
+      } catch (e) {
+        // Ignore URL parse errors
+      }
+    }
+    return 'https://cdn.ezcontactform.com';  // Default CDN
+  })();
+
   // Default configuration
   const DEFAULT_CONFIG = {
     apiBase: 'https://api.ezcontactform.com',
+    cdnBase: CDN_BASE,  // Where to load CSS from (detected from script URL)
     theme: 'system',  // 'system' will auto-detect light/dark based on user preference
     autoInit: true,
     disableStyles: false,
@@ -1553,7 +1589,8 @@
       const link = document.createElement('link');
       link.id = 'ezform-styles';
       link.rel = 'stylesheet';
-      link.href = `${this.config.apiBase}/widget.css`;
+      // Load CSS from CDN (same location as widget.js), not from API
+      link.href = `${this.config.cdnBase}/widget.css`;
       document.head.appendChild(link);
     },