From a11fc13b3353c1adc50b64ca58f45308da0bb9cb Mon Sep 17 00:00:00 2001
From: Matt <matt@echo6.co>
Date: Sun, 26 Apr 2026 07:04:02 +0000
Subject: [PATCH] style(radial): suppress hover highlight on auth-required
 wedges
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Grayed-out wedges shouldn't show the same hover feedback as enabled
wedges — the highlight contradicts the grayed-out 'not available'
signal. Auth-required wedges now stay visually muted on hover while
remaining clickable.
---
 src/components/RadialMenu.jsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/RadialMenu.jsx b/src/components/RadialMenu.jsx
index d397271..572c3a8 100644
--- a/src/components/RadialMenu.jsx
+++ b/src/components/RadialMenu.jsx
@@ -305,15 +305,22 @@ export default function RadialMenu({
             fill: var(--text-tertiary);
           }
 
-          /* Auth-required hover — background still reacts, content stays muted */
+          /* Auth-required wedges — suppress hover highlight (still clickable) */
+          .radial-wedge.auth-required:hover .wedge-path,
+          .radial-wedge.auth-required.active .wedge-path {
+            fill: var(--bg-overlay);
+            fill-opacity: 0.92;
+          }
+
+          /* Auth-required hover — content stays muted */
           .radial-wedge.auth-required:hover .wedge-icon,
           .radial-wedge.auth-required.active .wedge-icon {
-            color: var(--text-secondary);
+            color: var(--text-tertiary);
           }
 
           .radial-wedge.auth-required:hover .wedge-label,
           .radial-wedge.auth-required.active .wedge-label {
-            fill: var(--text-secondary);
+            fill: var(--text-tertiary);
           }
 
           /* Center disc — raised surface */