From 43cb271077a6a7ac76667a0d433e74afc798123c Mon Sep 17 00:00:00 2001
From: Lorenzo Iovino <thisloke@proton.me>
Date: Tue, 29 Sep 2026 00:36:29 +0200
Subject: [PATCH] fix: show the dark mode toast only after the cookie banner is
 answered

---
 src/layouts/BaseLayout.astro | 45 ++++++++++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 28b8a59..71dcc63 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -69,6 +69,20 @@ const fullCanonicalUrl = canonicalUrl || `${siteUrl}${Astro.url.pathname}`;
 					showTitle: false,
 					textColor: "#000000",
 				},
+				// Let the dark mode toast wait until the cookie banner is gone
+				callback: {
+					onBannerShown: function () {
+						window.__iubBannerOpen = true;
+					},
+					onPreferenceExpressed: function () {
+						window.__iubBannerOpen = false;
+						window.dispatchEvent(new Event("iub-consent"));
+					},
+					onReady: function () {
+						window.__iubReady = true;
+						window.dispatchEvent(new Event("iub-ready"));
+					},
+				},
 			};
 		</script>
 		<script
@@ -310,12 +324,39 @@ const fullCanonicalUrl = canonicalUrl || `${siteUrl}${Astro.url.pathname}`;
 				const hasBeenDismissed = localStorage.getItem(TOAST_DISMISSED_KEY);
 
 				// Only show toast if user is in light mode and hasn't dismissed it
-				setTimeout(() => {
+				const bannerOpen = () =>
+					window.__iubBannerOpen || !!document.getElementById("iubenda-cs-banner");
+				const showToast = () => {
+					if (bannerOpen()) {
+						window.addEventListener("iub-consent", () => setTimeout(showToast, 1500), { once: true });
+						return;
+					}
 					const isDarkMode = document.documentElement.classList.contains("dark");
 					if (!isDarkMode && !hasBeenDismissed && toast) {
 						toast.classList.remove("hidden");
 					}
-				}, 2000);
+				};
+
+				// Never on top of the cookie banner: wait for iubenda, and if the banner
+				// is open wait for the visitor's answer. If iubenda never loads
+				// (blocked), show it anyway after a few seconds.
+				let scheduled = false;
+				const scheduleToast = (delay) => {
+					if (scheduled) return;
+					scheduled = true;
+					setTimeout(showToast, delay);
+				};
+				const afterIubenda = () => {
+					scheduleToast(2000);
+				};
+				if (window.__iubReady) {
+					afterIubenda();
+				} else {
+					window.addEventListener("iub-ready", afterIubenda, { once: true });
+					setTimeout(() => {
+						if (!window.__iubReady) scheduleToast(0);
+					}, 6000);
+				}
 
 				// Enable dark mode
 				if (tryButton) {