From b83bdda42f26dfd75cb95c08e6e519009d64667c Mon Sep 17 00:00:00 2001
From: Meysam Parvizi <meysam.parvizi.ir@gmail.com>
Date: Sat, 10 Oct 2026 02:33:46 +0200
Subject: [PATCH] style(site): make the hover tooltip semi-transparent

The popup background is 72% opaque with a slight blur, so the map stays visible behind it.
---
 site/styles.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/styles.css b/site/styles.css
index 0bfb43b..2ef0ec8 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -409,7 +409,8 @@ button {
   padding: 10px 12px;
   border: 1px solid var(--border);
   border-radius: 12px;
-  background: var(--surface-solid);
+  background: color-mix(in srgb, var(--surface-solid) 72%, transparent);
+  backdrop-filter: blur(3px);
   box-shadow: var(--shadow);
   font-size: 13px;
   pointer-events: none;