From 62f368756ac582f126862622076936b5a64d3a35 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Tue, 25 Mar 2025 02:01:38 +0000
Subject: [PATCH] Fix missing hover effects for hosting and tools tiles to
 match Pro Plugins section

---
 admin/css/wp-allstars-admin.css          | 11 +++++++++++
 admin/includes/class-hosting-manager.php |  4 ++++
 admin/includes/class-tools-manager.php   |  4 ++++
 3 files changed, 19 insertions(+)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index a65e199..c64639b 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1427,4 +1427,15 @@ body.wp-admin .button.pricing-button:hover,
     box-sizing: border-box;
     margin: 0 0 25px 0 !important;
     text-align: center;
+}
+
+/* Ensure consistent hover styles across all tab tile layouts */
+.wpa-pro-plugin:hover,
+#pro .wpa-pro-plugin:hover,
+#hosting .wpa-pro-plugin:hover,
+#tools .wpa-pro-plugin:hover,
+#recommended .plugin-card:hover {
+    border-color: #2271b1 !important;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
+    transition: all 0.2s ease !important;
 }
\ No newline at end of file
diff --git a/admin/includes/class-hosting-manager.php b/admin/includes/class-hosting-manager.php
index 122d4b0..089e51b 100644
--- a/admin/includes/class-hosting-manager.php
+++ b/admin/includes/class-hosting-manager.php
@@ -124,6 +124,10 @@ class WP_Allstars_Hosting_Manager {
         #hosting .wpa-pro-plugin:last-child {
             margin-bottom: 0;
         }
+        #hosting .wpa-pro-plugin:hover {
+            border-color: #2271b1;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
+        }
         #hosting .wpa-pro-plugin .button-group {
             justify-content: flex-start;
         }
diff --git a/admin/includes/class-tools-manager.php b/admin/includes/class-tools-manager.php
index 602c43c..5f517d5 100644
--- a/admin/includes/class-tools-manager.php
+++ b/admin/includes/class-tools-manager.php
@@ -62,6 +62,10 @@ class WP_Allstars_Tools_Manager {
         #tools .wpa-pro-plugin:last-child {
             margin-bottom: 0;
         }
+        #tools .wpa-pro-plugin:hover {
+            border-color: #2271b1;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
+        }
         #tools .wpa-pro-plugin .button-group {
             justify-content: flex-start;
         }