From e36d00e4a85f0329a86aa84b502747933cd5358b Mon Sep 17 00:00:00 2001
From: Admin <dmparrow@gmail.com>
Date: Wed, 7 Oct 2026 05:03:41 +0000
Subject: [PATCH] Remove inherited button shadows from bottom navigation icons

---
 src/style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/style.css b/src/style.css
index 0bb5b2f..260c49d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -66,3 +66,8 @@ input[type=checkbox]{accent-color:#3b603d}
 .folio-submit .wide{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Georgia,serif;font-size:20px;min-height:58px}
 .folio-submit .ui-icon{width:32px;height:32px}.folio-submit span{font-size:14px;color:#dec479;margin-left:auto}.folio-submit .ui-icon{margin-right:auto}
 @media(max-width:700px){.drawer{padding:20px 16px max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:94dvh;background-size:500px}.drawer-heading{top:-20px;margin:-20px -16px 18px;padding:13px 16px 12px}.drawer-heading h2{font-size:24px}.drawer-heading .ui-icon{width:36px;height:36px}.editor-intro{gap:12px;margin-bottom:20px}.editor-intro>.ui-icon{width:65px;height:78px}.editor-intro h3{font-size:25px}.folio-section{padding:12px 11px 0;margin-bottom:20px}.folio-section legend{font-size:21px}.folio-section legend .ui-icon{width:33px;height:33px}.ability-fields .ui-icon{width:37px;height:37px}.folio-submit{bottom:-20px;margin:0 -16px -20px;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.folio-section .form-grid{gap:10px}}
+/* Navigation icons sit on one shared bar, without individual button frames. */
+.bottom-nav button{box-shadow:none;border:0;background:transparent;border-radius:12px}
+.bottom-nav button:hover{background:#b9ae7420;box-shadow:none}
+.bottom-nav button.active{background:#d9ddb1;box-shadow:none;color:#284e3d}
+.bottom-nav .ui-icon{width:35px;height:35px}