From 53ef1263036e2143559e4d62b64465bd829b9f77 Mon Sep 17 00:00:00 2001
From: dm <dm@dariuszm.eu>
Date: Sat, 13 Dec 2025 12:56:42 +0100
Subject: [PATCH] Dodatkowy dymek

---
 src/islands/Internet/InternetAddonsModal.jsx |  7 ++++
 src/islands/jambox/JamboxAddonsModal.jsx     |  8 ++++
 src/styles/modal.css                         | 41 ++++++++++++++++++++
 3 files changed, 56 insertions(+)

diff --git a/src/islands/Internet/InternetAddonsModal.jsx b/src/islands/Internet/InternetAddonsModal.jsx
index fd9fafc..c9d83c1 100644
--- a/src/islands/Internet/InternetAddonsModal.jsx
+++ b/src/islands/Internet/InternetAddonsModal.jsx
@@ -349,6 +349,13 @@ export default function InternetAddonsModal({ isOpen, onClose, plan }) {
                   </div>
                 </div>
               </div>
+
+              <div class="f-floating-total" onClick={(e) => e.stopPropagation()}>
+                <div class="f-floating-total-inner">
+                  <span class="f-floating-total-label">Suma</span>
+                  <span class="f-floating-total-value">{totalMonthly.toFixed(2)} zł/mies.</span>
+                </div>
+              </div>
             </>
           )}
         </div>
diff --git a/src/islands/jambox/JamboxAddonsModal.jsx b/src/islands/jambox/JamboxAddonsModal.jsx
index ef3a1b7..87cc37c 100644
--- a/src/islands/jambox/JamboxAddonsModal.jsx
+++ b/src/islands/jambox/JamboxAddonsModal.jsx
@@ -379,6 +379,14 @@ export default function JamboxAddonsModal({ isOpen, onClose, pkg }) {
                   </div>
                 </div>
               </div>
+
+              {/* FLOATING TOTAL (dymek jak czat) */}
+              <div class="f-floating-total" onClick={(e) => e.stopPropagation()}>
+                <div class="f-floating-total-inner">
+                  <span class="f-floating-total-label">Suma</span>
+                  <span class="f-floating-total-value">{totalMonthly.toFixed(2)} zł/mies.</span>
+                </div>
+              </div>
             </>
           )}
         </div>
diff --git a/src/styles/modal.css b/src/styles/modal.css
index 9e85666..5de0c81 100644
--- a/src/styles/modal.css
+++ b/src/styles/modal.css
@@ -205,3 +205,44 @@
 .f-addon-checkbox {
   align-items: center;
 }
+
+
+/* ===========================
+   FLOATING TOTAL (dymek jak czat)
+   =========================== */
+
+.f-floating-total {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 10000; /* wyżej niż overlay (9999) */
+  pointer-events: auto;
+}
+
+.f-floating-total-inner {
+  @apply flex items-center gap-3;
+  @apply px-4 py-3 rounded-2xl shadow-xl border;
+  border-color: rgba(148, 163, 184, 0.5);
+  background: color-mix(in srgb, var(--f-background) 92%, transparent);
+  backdrop-filter: blur(10px);
+}
+
+.f-floating-total-label {
+  @apply text-sm opacity-80;
+}
+
+.f-floating-total-value {
+  @apply font-bold whitespace-nowrap;
+  font-size: 1.1rem;
+  color: var(--fuz-accent, #2563eb);
+}
+
+/* na bardzo małych ekranach lekko mniejszy dymek */
+@media (max-width: 420px) {
+  .f-floating-total-inner {
+    @apply px-3 py-2;
+  }
+  .f-floating-total-value {
+    font-size: 1rem;
+  }
+}