From d1b91aeb92fcfb0cc2f7ab6e62f582cefc577c92 Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Thu, 27 Mar 2025 18:00:28 +0100
Subject: [PATCH] Fix landmark selectors not working properly for Svelte

---
 scss/layout/_landmarks.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/scss/layout/_landmarks.scss b/scss/layout/_landmarks.scss
index b5d5a4e4..8b564020 100644
--- a/scss/layout/_landmarks.scss
+++ b/scss/layout/_landmarks.scss
@@ -27,7 +27,14 @@
   #{$parent-selector} #{$semantic-root-element} {
     > header,
     > main,
-    > footer {
+    > footer,
+    > div[style="display: contents"] > header,
+    > div[style="display: contents"] > main,
+    > div[style="display: contents"] > footer {
+      // Target "display: contents" to support Svelte forcing a wrapping div
+      // - https: //github.com/sveltejs/kit/discussions/7585
+      // ––––––––––––––––––––
+
       // <header>, <main>, <footer> as containers
       @if $enable-semantic-container {
         $first-breakpoint: true;