diff --git a/dog-food-calculator-widget.js b/dog-food-calculator-widget.js
index fc87d1d..e9b4539 100644
--- a/dog-food-calculator-widget.js
+++ b/dog-food-calculator-widget.js
@@ -800,76 +800,92 @@
         .dog-calc-copy-btn.copied:hover { background: #7fa464; }
 
         /* Dark theme modal styles */
+        .dog-calc-theme-dark .dog-calc-modal-content,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-content {
             background-color: #24202d;
             border-color: #433c4f;
         }
 
+        .dog-calc-theme-dark .dog-calc-modal h3,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal h3 {
             color: #f5f3f7;
         }
 
+        .dog-calc-theme-dark .dog-calc-modal-close,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close {
             color: #f5f3f7;
         }
 
+        .dog-calc-theme-dark .dog-calc-modal-close:hover,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-modal-close:hover {
             color: #f19a5f;
         }
 
+        .dog-calc-theme-dark .dog-calc-share-url input,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-share-url input {
             background: #312b3b;
             border-color: #433c4f;
             color: #f5f3f7;
         }
 
+        .dog-calc-theme-dark .dog-calc-embed-option,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option {
             background: #312b3b;
             border-color: #433c4f;
         }
 
+        .dog-calc-theme-dark .dog-calc-embed-option h4,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option h4 {
             color: #f5f3f7;
         }
 
+        .dog-calc-theme-dark .dog-calc-embed-option p,
         .dog-calc-widget.dog-calc-theme-dark .dog-calc-embed-option p {
             color: #b8b0c2;
         }
 
         /* System theme modal styles */
         @media (prefers-color-scheme: dark) {
+            .dog-calc-theme-system .dog-calc-modal-content,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-content {
                 background-color: #24202d;
                 border-color: #433c4f;
             }
 
+            .dog-calc-theme-system .dog-calc-modal h3,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-modal h3 {
                 color: #f5f3f7;
             }
 
+            .dog-calc-theme-system .dog-calc-modal-close,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close {
                 color: #f5f3f7;
             }
 
+            .dog-calc-theme-system .dog-calc-modal-close:hover,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-modal-close:hover {
                 color: #f19a5f;
             }
 
+            .dog-calc-theme-system .dog-calc-share-url input,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-share-url input {
                 background: #312b3b;
                 border-color: #433c4f;
                 color: #f5f3f7;
             }
 
+            .dog-calc-theme-system .dog-calc-embed-option,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option {
                 background: #312b3b;
                 border-color: #433c4f;
             }
 
+            .dog-calc-theme-system .dog-calc-embed-option h4,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option h4 {
                 color: #f5f3f7;
             }
 
+            .dog-calc-theme-system .dog-calc-embed-option p,
             .dog-calc-widget.dog-calc-theme-system .dog-calc-embed-option p {
                 color: #b8b0c2;
             }
@@ -1025,7 +1041,6 @@
                 <div class="dog-calc-embed-options">
                     <div class="dog-calc-embed-option">
                         <h4>JavaScript Widget</h4>
-                        <p>SEO-friendly, responsive, integrates with your site's design</p>
                         <div class="dog-calc-code-container">
                             <pre><code id="widgetCode"></code></pre>
                             <button class="dog-calc-copy-btn" id="copyWidget">
@@ -1035,8 +1050,7 @@
                     </div>
                     
                     <div class="dog-calc-embed-option">
-                        <h4>iframe Embed (Brand Protected)</h4>
-                        <p></p>
+                        <h4>iframe Embed</h4>
                         <div class="dog-calc-code-container">
                             <pre><code id="iframeCode"></code></pre>
                             <button class="dog-calc-copy-btn" id="copyIframe">
@@ -1078,6 +1092,25 @@
 
         injectHTML() {
             this.container.innerHTML = widgetTemplate;
+            // Move modals to document body for proper positioning and theme inheritance
+            this.moveModalsToBody();
+        }
+
+        moveModalsToBody() {
+            const shareModal = this.container.querySelector('#shareModal');
+            const embedModal = this.container.querySelector('#embedModal');
+            
+            if (shareModal) {
+                shareModal.remove();
+                shareModal.classList.add(`dog-calc-theme-${this.theme}`);
+                document.body.appendChild(shareModal);
+            }
+            
+            if (embedModal) {
+                embedModal.remove();
+                embedModal.classList.add(`dog-calc-theme-${this.theme}`);
+                document.body.appendChild(embedModal);
+            }
         }
 
         applyTheme() {
@@ -1089,6 +1122,20 @@
             
             // Apply new theme class
             widget.classList.add(`dog-calc-theme-${this.theme}`);
+            
+            // Also apply theme to modals if they exist
+            const shareModal = document.querySelector('#shareModal');
+            const embedModal = document.querySelector('#embedModal');
+            
+            if (shareModal) {
+                shareModal.classList.remove('dog-calc-theme-light', 'dog-calc-theme-dark', 'dog-calc-theme-system');
+                shareModal.classList.add(`dog-calc-theme-${this.theme}`);
+            }
+            
+            if (embedModal) {
+                embedModal.classList.remove('dog-calc-theme-light', 'dog-calc-theme-dark', 'dog-calc-theme-system');
+                embedModal.classList.add(`dog-calc-theme-${this.theme}`);
+            }
         }
 
         bindEvents() {