From c52f6b833e67ed9c6b5edca00e11d5af737da5a3 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Sat, 4 Apr 2026 13:58:02 -0500
Subject: [PATCH] =?UTF-8?q?Fix=20a11y=20toolbar=20overlapping=20theme=20FA?=
 =?UTF-8?q?B=20=E2=80=94=20increase=20vertical=20offset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bump a11y toolbar bottom from 3.5rem to 5rem when theme FAB is
present, ensuring the toggle button clears the FAB completely.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/media/css/template.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/media/css/template.css b/src/media/css/template.css
index 0483f10..9df622b 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -17276,7 +17276,7 @@ html.a11y-pause-animations *::after {
 
 /* When theme FAB is present, stack a11y toolbar above it */
 body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
-  bottom: 3.5rem;
+  bottom: 5rem;
 }
 
 /* Toggle button */