From 1a748cbc774cd695e6d2d13f485a70d84065789f Mon Sep 17 00:00:00 2001
From: Edwin Noorlander <edwin@noorlander.info>
Date: Tue, 11 Aug 2026 16:55:31 +0200
Subject: [PATCH] Remove focus outline/border on nav-link, add focus-visible
 override

- Remove .nav-link:focus from accessibility outline rules
- Add outline: none and box-shadow: none on nav-tabs .nav-link states
- Override :focus-visible with border: none, outline: none, box-shadow: none
---
 themes/default/assets/css_compiled/.mtime    |  2 +-
 themes/default/assets/css_compiled/theme.css | 13 ++++++++++---
 themes/default/assets/scss/theme.scss        | 13 ++++++++++---
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/themes/default/assets/css_compiled/.mtime b/themes/default/assets/css_compiled/.mtime
index 3902b43..d603719 100644
--- a/themes/default/assets/css_compiled/.mtime
+++ b/themes/default/assets/css_compiled/.mtime
@@ -1 +1 @@
-1786459597
\ No newline at end of file
+1786460110
\ No newline at end of file
diff --git a/themes/default/assets/css_compiled/theme.css b/themes/default/assets/css_compiled/theme.css
index 908dab3..63d4371 100644
--- a/themes/default/assets/css_compiled/theme.css
+++ b/themes/default/assets/css_compiled/theme.css
@@ -183,8 +183,7 @@
 
 .focus-visible:focus,
 .btn:focus,
-.form-control:focus,
-.nav-link:focus {
+.form-control:focus {
   outline: 3px solid #0056b3 !important;
   outline-offset: 2px !important;
   box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px #0056b3 !important;
@@ -247,16 +246,24 @@
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   color: var(--nav-font) !important;
+  outline: none !important;
+  box-shadow: none !important;
 }
-.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:focus-visible {
   isolation: auto;
   background-color: rgba(255, 255, 255, 0.1) !important;
+  border: none !important;
   border-color: transparent !important;
+  outline: none !important;
+  box-shadow: none !important;
 }
 .nav-tabs .nav-link.active {
   background-color: rgba(255, 255, 255, 0.2) !important;
+  border: none !important;
   border-color: transparent !important;
   border-bottom: 2px solid var(--nav-font) !important;
+  outline: none !important;
+  box-shadow: none !important;
 }
 .nav-tabs .dropdown-menu {
   margin-top: 0 !important;
diff --git a/themes/default/assets/scss/theme.scss b/themes/default/assets/scss/theme.scss
index 5dbe738..45cc522 100644
--- a/themes/default/assets/scss/theme.scss
+++ b/themes/default/assets/scss/theme.scss
@@ -239,8 +239,7 @@ $header-bg-opacity: 1;
 // Enhanced accessibility styles
 .focus-visible:focus,
 .btn:focus,
-.form-control:focus,
-.nav-link:focus {
+.form-control:focus {
     outline: 3px solid #0056b3 !important;
     outline-offset: 2px !important;
     box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px #0056b3 !important;
@@ -312,17 +311,25 @@ $header-bg-opacity: 1;
         border-bottom-left-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
         color: var(--nav-font) !important;
+        outline: none !important;
+        box-shadow: none !important;
 
-        &:hover, &:focus {
+        &:hover, &:focus, &:focus-visible {
             isolation: auto;
             background-color: rgba(255, 255, 255, 0.1) !important;
+            border: none !important;
             border-color: transparent !important;
+            outline: none !important;
+            box-shadow: none !important;
         }
 
         &.active {
             background-color: rgba(255, 255, 255, 0.2) !important;
+            border: none !important;
             border-color: transparent !important;
             border-bottom: 2px solid var(--nav-font) !important;
+            outline: none !important;
+            box-shadow: none !important;
         }
     }