From aa4d9c412c9e4bc54a449e55748091f96f374d31 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Thu, 16 Apr 2026 12:13:55 +0200
Subject: fix: add backdrop-filter blur to footer via CSS with vendor prefix

---
 themes/danix-xyz-hacker/assets/css/main.css          | 7 ++++---
 themes/danix-xyz-hacker/assets/css/main.min.css      | 7 ++++---
 themes/danix-xyz-hacker/layouts/partials/footer.html | 2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index b7d2219..c1679ca 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -188,9 +188,10 @@ html.theme-light {
     /* border applied via utility classes in templates */
   }
 
-  /* Footer variant: test - fully opaque background */
-  footer.frosted-bar {
-    background-color: rgba(var(--bg2-rgb), 1) !important;
+  /* Footer styling with strong frosting */
+  footer {
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
   }
 
   /* Border utilities for frosted-bar component */
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 615e462..ab0359a 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1289,10 +1289,11 @@ button,
   /* border applied via utility classes in templates */
 }
 
-/* Footer variant: test - fully opaque background */
+/* Footer styling with strong frosting */
 
-footer.frosted-bar {
-  background-color: rgba(var(--bg2-rgb), 1) !important;
+footer {
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
 }
 
 /* Border utilities for frosted-bar component */
diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html
index 18bcf08..fb02f88 100644
--- a/themes/danix-xyz-hacker/layouts/partials/footer.html
+++ b/themes/danix-xyz-hacker/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); backdrop-filter: blur(20px); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->
-- 
cgit v1.2.3