From 996dec5f7823c317fb5d4a346908ca41ba3be0f1 Mon Sep 17 00:00:00 2001
From: TheOnlyMace <0815cracky@gmail.com>
Date: Tue, 13 Jan 2026 22:13:40 +0100
Subject: [PATCH] Enhance FAQ item styles with hover effects and transitions:
 Added visual feedback for FAQ items on hover and when open, improving user
 interaction and aesthetics.

---
 public/assets/css/style.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 99854ed..27e8e38 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1584,6 +1584,19 @@ body {
 .faq-item {
     padding: 0;
     overflow: hidden;
+    transition: all var(--transition-base);
+    border: 1px solid transparent;
+}
+
+.faq-item:hover {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 20px rgba(255, 81, 249, 0.2);
+    transform: translateY(-2px);
+}
+
+.faq-item.open {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 25px rgba(255, 81, 249, 0.25);
 }
 
 .faq-question {
@@ -1595,10 +1608,6 @@ body {
     transition: background var(--transition-base);
 }
 
-.faq-question:hover {
-    background: rgba(255, 255, 255, 0.05);
-}
-
 .faq-question h3 {
     font-size: var(--font-size-lg);
     font-weight: 600;