From 03f9fa48d2a2194fdab88fb1bd54b5c90c1962db Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Wed, 8 Oct 2025 22:57:02 +0200
Subject: [PATCH] Adds shadow to stacked events

Improves the visual appearance of stacked events
by adding a subtle shadow effect, enhancing depth and
distinction between overlapping elements.
---
 wwwroot/css/calendar-events-css.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/wwwroot/css/calendar-events-css.css b/wwwroot/css/calendar-events-css.css
index c70f962..021965a 100644
--- a/wwwroot/css/calendar-events-css.css
+++ b/wwwroot/css/calendar-events-css.css
@@ -286,6 +286,14 @@ swp-event-group.stack-level-4 {
   margin-left: 60px;
 }
 
+/* Shadow for stacked events (level 1+) */
+swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0']),
+swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event {
+  box-shadow:
+    0 -1px 2px rgba(0, 0, 0, 0.1),
+    0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
 /* Child events within grid */
 swp-event-group swp-event {
   position: relative;