From 76aed038daf9878e30b599a799dbe2fd6f304b0f Mon Sep 17 00:00:00 2001
From: ImpulsiveFPS <roberthrajala@gmail.com>
Date: Mon, 2 Feb 2026 15:24:03 +0100
Subject: [PATCH] Fix: Make service cards fully clickable by adding
 pointer-events rules

---
 styles.css | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/styles.css b/styles.css
index edc18da..6155eb3 100644
--- a/styles.css
+++ b/styles.css
@@ -853,11 +853,13 @@ body {
     opacity: 0;
     transform: translateX(-10px);
     transition: var(--transition-normal);
+    pointer-events: none;
 }
 
 .service-arrow svg {
     width: 16px;
     height: 16px;
+    pointer-events: none;
 }
 
 .service-card:hover .service-arrow {
@@ -1957,19 +1959,25 @@ body {
         grid-template-columns: 1fr;
     }
 }
-/* Ensure service cards are clickable */
-.service-card {
-    cursor: pointer;
-    position: relative;
-}
-
-/* Fix service glow - don't block clicks */
-.service-glow {
-    pointer-events: none;
-}
+/* ========================================
+   CLICK FIX - Ensure service cards are fully clickable
+   ======================================== */
 
 /* Ensure anchor service cards work properly */
 a.service-card {
     display: block;
     text-decoration: none;
+    cursor: pointer !important;
+}
+
+/* ALL children of service cards should not block clicks */
+.service-card * {
+    pointer-events: none !important;
+}
+
+/* But the anchor itself should be clickable */
+a.service-card,
+a.service-card:active,
+a.service-card:focus {
+    pointer-events: auto !important;
 }