From e1e8e1994679564985eebdb38021ed4418a7d3a1 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Tue, 25 Mar 2025 02:05:24 +0000
Subject: [PATCH] Add rollover underline styling to free plugins secondary
 navigation to match main tabs

---
 admin/css/wp-allstars-admin.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index ef28435..e1aa2b9 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1061,6 +1061,8 @@ body.wp-admin .button.pricing-button:hover,
     box-sizing: border-box;
     padding: 15px;
     border-radius: 8px;
+    background: #fff;
+    border-bottom: 1px solid #c3c4c7;
 }
 
 /* Filter links should be centered within container */
@@ -1072,6 +1074,37 @@ body.wp-admin .button.pricing-button:hover,
     margin: 0;
 }
 
+/* Style the filter links similar to main tabs */
+#wpa-plugin-filters .filter-links a {
+    margin: 0;
+    padding: 10px 15px;
+    font-size: 14px;
+    line-height: 1.6;
+    font-weight: 400;
+    background: transparent;
+    color: #50575e;
+    text-decoration: none;
+    white-space: nowrap;
+    border: none;
+    border-bottom: 2px solid transparent;
+    display: inline-block;
+    transition: all 0.2s ease;
+}
+
+#wpa-plugin-filters .filter-links a:hover,
+#wpa-plugin-filters .filter-links a:focus {
+    color: #2271b1;
+    background: transparent;
+    border-bottom-color: #2271b1;
+}
+
+#wpa-plugin-filters .filter-links a.current {
+    border-bottom: 2px solid #2271b1;
+    background: transparent;
+    color: #2271b1;
+    font-weight: 600;
+}
+
 /* Keep free plugins subsubsub navigation full width */
 #recommended .nav-tab-wrapper,
 #recommended .subsubsub {