/* border applied via utility classes in templates */
}
- /* Footer styling with strong frosting */
- footer {
- position: relative;
- z-index: 20;
+ /* Footer variant: stronger frosting effect */
+ footer.frosted-bar {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
/* border applied via utility classes in templates */
}
-/* Footer styling with strong frosting */
+/* Footer variant: stronger frosting effect */
-footer {
- position: relative;
- z-index: 20;
+footer.frosted-bar {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
-<footer class="mt-16 border-t py-12 relative z-20" style="background-color: rgba(var(--bg2-rgb), 0.6); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 frosted-bar border-t py-12 relative z-20">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-3 gap-8 mb-8">
<!-- About -->