From 0dd4a3278c07be1b9026633d60b365ea161b01b9 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:21:04 +0200
Subject: [PATCH 1/7] fix: add missing --target-base token (44px) for search
 close button

---
 public/styles/tokens.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index cb733a6..8137726 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -310,6 +310,7 @@
   --target-sm: 32px;
   --target-md: 40px;
   --target-lg: 48px;
+  --target-base: 44px;
 
   /* --------------------------------------------------------
    * 12. Layout

From 4da6061adbde7106173ecb30ce4295db4eefcfdb Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:21:45 +0200
Subject: [PATCH 2/7] =?UTF-8?q?fix:=20correct=20touch=20targets=20?=
 =?UTF-8?q?=E2=80=94=20btn--icon-sm=2036=E2=86=9244px=20min-size,=20docume?=
 =?UTF-8?q?nt=20target-sm=20as=20visual-only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/styles/layout.css | 8 +++-----
 public/styles/tokens.css | 8 ++++----
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/public/styles/layout.css b/public/styles/layout.css
index ee5890a..4337808 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -1990,13 +1990,11 @@
 button i[data-lucide],
 button svg { pointer-events: none; }
 
-/* Kompakter Icon-Button (36×36) für Icons in engen Listenkontexten */
+/* Kompakter Icon-Button: 44px Klickfläche, optisch kompakt durch geringes Padding */
 .btn--icon-sm {
   padding: var(--space-1);
-  min-height: unset;
-  min-width: unset;
-  width: 36px;
-  height: 36px;
+  min-height: var(--target-base);
+  min-width: var(--target-base);
 }
 
 /* Textarea: vertikale Größenänderung ist nutzbar */
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index 8137726..e49104c 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -307,10 +307,10 @@
   /* --------------------------------------------------------
    * 11b. Touch-Target Sizes
    * -------------------------------------------------------- */
-  --target-sm: 32px;
-  --target-md: 40px;
-  --target-lg: 48px;
-  --target-base: 44px;
+  --target-sm: 32px;    /* Visuelle Größe (z.B. Logos) — kein Touch-Target */
+  --target-md: 40px;    /* Desktop Touch-Target (Maus) */
+  --target-lg: 48px;    /* Mobile Touch-Target (Finger) */
+  --target-base: 44px;  /* iOS-Minimum Touch-Target (44pt) */
 
   /* --------------------------------------------------------
    * 12. Layout

From 808a70682c51656c3f8622481c011bbd364d5768 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:22:17 +0200
Subject: [PATCH 3/7] =?UTF-8?q?fix:=20remove=20role=3Dpresentation=20from?=
 =?UTF-8?q?=20modal=20overlay=20=E2=80=94=20restores=20screen=20reader=20a?=
 =?UTF-8?q?ccessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/components/modal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/components/modal.js b/public/components/modal.js
index d987ff9..a53d344 100644
--- a/public/components/modal.js
+++ b/public/components/modal.js
@@ -218,7 +218,7 @@ export function openModal({ title, content, onSave, onDelete, size = 'md' } = {}
   const sizeClass = size !== 'md' ? ` modal-panel--${size}` : '';
 
   const html = `
-    <div class="modal-overlay" id="shared-modal-overlay" aria-label="${t('modal.overlayLabel')}" role="presentation">
+    <div class="modal-overlay" id="shared-modal-overlay" aria-label="${t('modal.overlayLabel')}">
       <div class="modal-panel${sizeClass}" role="dialog" aria-modal="true"
            aria-labelledby="shared-modal-title">
         <div class="modal-panel__header">

From b7c0312c2b8002a5db16a8bd9a75b2be4c11ae05 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:22:52 +0200
Subject: [PATCH 4/7] =?UTF-8?q?fix:=20modal=20swipe-to-close=20=E2=80=94?=
 =?UTF-8?q?=20keep=20dragging=20active=20on=20upswing=20to=20prevent=20stu?=
 =?UTF-8?q?ck=20state?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/components/modal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/components/modal.js b/public/components/modal.js
index a53d344..6b267b2 100644
--- a/public/components/modal.js
+++ b/public/components/modal.js
@@ -131,7 +131,7 @@ function _wireSheetSwipe(panel) {
   panel.addEventListener('touchmove', (e) => {
     if (!dragging) return;
     const dy = e.touches[0].clientY - startY;
-    if (dy < 0) { dragging = false; return; } // Aufwärts-Scroll: Swipe abbrechen
+    if (dy < 0) { panel.style.transform = 'translateY(0)'; return; } // Aufwärts: Panel zurücksetzen, dragging bleibt aktiv
     // Erst ab 10px Bewegung animieren: Verhindert winzige Transforms durch
     // normale Taps, die danach zurückgesetzt werden müssten.
     if (dy > 10) panel.style.transform = `translateY(${(dy - 10) * 0.6}px)`;

From b07a254d0a80887a39f972473d02e555f8518281 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:23:59 +0200
Subject: [PATCH 5/7] =?UTF-8?q?fix:=20add=20focus=20trap=20to=20search=20o?=
 =?UTF-8?q?verlay=20=E2=80=94=20prevents=20keyboard=20focus=20leaking=20to?=
 =?UTF-8?q?=20hidden=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/router.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/public/router.js b/public/router.js
index 6974870..f46dcd7 100644
--- a/public/router.js
+++ b/public/router.js
@@ -528,17 +528,41 @@ function initSearch(container) {
   const results      = container.querySelector('#search-results');
   if (!searchBtn || !overlay || !input || !results) return;
 
+  // Leichtgewichtiger Focus Trap für das Search Overlay.
+  // Eigenständig (kein modal.js), da modul-globale Variablen in modal.js
+  // bei gleichzeitig offenem Modal überschrieben würden.
+  let _searchTrapHandler = null;
+
   function openSearch() {
     if (window._closeMoreSheet) window._closeMoreSheet();
     overlay.setAttribute('aria-hidden', 'false');
     overlay.classList.add('search-overlay--visible');
     setTimeout(() => input.focus(), 50);
     if (window.lucide) window.lucide.createIcons();
+
+    const FOCUSABLE = 'a[href],button:not([disabled]),input,select,textarea,[tabindex]:not([tabindex="-1"])';
+    _searchTrapHandler = (e) => {
+      if (e.key !== 'Tab') return;
+      const focusable = Array.from(overlay.querySelectorAll(FOCUSABLE));
+      if (!focusable.length) return;
+      const first = focusable[0];
+      const last  = focusable[focusable.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault(); last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault(); first.focus();
+      }
+    };
+    overlay.addEventListener('keydown', _searchTrapHandler);
   }
 
   function closeSearch() {
     overlay.setAttribute('aria-hidden', 'true');
     overlay.classList.remove('search-overlay--visible');
+    if (_searchTrapHandler) {
+      overlay.removeEventListener('keydown', _searchTrapHandler);
+      _searchTrapHandler = null;
+    }
     input.value = '';
     results.replaceChildren();
   }

From 1c0725cc57f548663dd5d3ef563377b2f8279e21 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:24:40 +0200
Subject: [PATCH 6/7] fix: generate unique SVG gradient IDs to prevent DOM ID
 collisions on re-render

---
 public/router.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/router.js b/public/router.js
index f46dcd7..865b5b7 100644
--- a/public/router.js
+++ b/public/router.js
@@ -313,7 +313,8 @@ function renderAppShell(container) {
   logoSvg.setAttribute('fill', 'none');
   const defs = document.createElementNS(SVG_NS, 'defs');
   const grad = document.createElementNS(SVG_NS, 'linearGradient');
-  grad.setAttribute('id', 'oikos-logo-bg');
+  const gradId = `oikos-logo-bg-${Math.random().toString(36).slice(2, 7)}`;
+  grad.setAttribute('id', gradId);
   grad.setAttribute('x1', '0'); grad.setAttribute('y1', '0');
   grad.setAttribute('x2', '160'); grad.setAttribute('y2', '160');
   grad.setAttribute('gradientUnits', 'userSpaceOnUse');
@@ -328,7 +329,7 @@ function renderAppShell(container) {
   logoSvg.appendChild(defs);
   const bgRect = document.createElementNS(SVG_NS, 'rect');
   bgRect.setAttribute('width', '160'); bgRect.setAttribute('height', '160');
-  bgRect.setAttribute('rx', '36'); bgRect.setAttribute('fill', 'url(#oikos-logo-bg)');
+  bgRect.setAttribute('rx', '36'); bgRect.setAttribute('fill', `url(#${gradId})`);
   logoSvg.appendChild(bgRect);
   const housePath = document.createElementNS(SVG_NS, 'path');
   housePath.setAttribute('d', 'M80 36L36 72V120C36 122.2 37.8 124 40 124H68V96H92V124H120C122.2 124 124 122.2 124 120V72L80 36Z');

From 720027138718de4781901c7bfa965e09597db3be Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Sat, 25 Apr 2026 22:25:29 +0200
Subject: [PATCH 7/7] =?UTF-8?q?fix:=20add=20skip-to-content=20link=20?=
 =?UTF-8?q?=E2=80=94=20enables=20keyboard=20navigation=20to=20main=20conte?=
 =?UTF-8?q?nt=20for=20screen=20readers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/index.html b/public/index.html
index f878f22..a5a1441 100644
--- a/public/index.html
+++ b/public/index.html
@@ -59,6 +59,9 @@
   <script src="/lucide.min.js"></script>
 </head>
 <body>
+  <!-- Skip-Link: sichtbar bei Keyboard-Fokus, verknüpft mit <main id="main-content"> -->
+  <a href="#main-content" class="sr-only">Zum Hauptinhalt springen</a>
+
   <!-- App-Shell - wird durch JavaScript gefüllt -->
   <div id="app" class="app-shell">
     <!-- Skeleton-Loading während Initialisierung -->