From 7b9d5f80290c241b7ff51a48f272f7ccbaf97c24 Mon Sep 17 00:00:00 2001
From: matteoscrugli <ma.scrugli@gmail.com>
Date: Mon, 22 Dec 2025 21:25:49 +0100
Subject: [PATCH] Disable tap highlight on interactive elements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove the blue/gray selection overlay that appears when tapping
buttons, links, sidebar items and other interactive elements on
mobile devices.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/styles/Layout.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css
index 61ee82c..813c187 100644
--- a/frontend/src/styles/Layout.css
+++ b/frontend/src/styles/Layout.css
@@ -44,6 +44,26 @@ body {
   padding: 0;
 }
 
+/* Disable tap highlight on all interactive elements */
+button,
+a,
+input,
+select,
+textarea,
+label,
+[role="button"],
+[tabindex],
+.sidebar,
+.sidebar *,
+.nav-item,
+.order-card,
+.toggle-modern,
+.page-tab-btn,
+.admin-tabs-slider *,
+.page-tabs-slider * {
+  -webkit-tap-highlight-color: transparent;
+}
+
 /* Page header slider - rounded pill style (like admin panel) */
 .page-tabs-slider,
 .admin-tabs-slider {