From 77a8cc48e9c2d2a9ed1903e7dc358dd2e0a3b313 Mon Sep 17 00:00:00 2001
From: skid-dev <62094231+skid-dev@users.noreply.github.com>
Date: Thu, 2 Apr 2026 17:27:49 +1100
Subject: [PATCH] fix: Schooltape styles for autocomplete

---
 src/content/modules/news_search/news_search.css | 15 +++++++++++----
 src/content/schooltape/news_search_styles.css   | 14 +++++++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/content/modules/news_search/news_search.css b/src/content/modules/news_search/news_search.css
index 2a1c164..13262c4 100644
--- a/src/content/modules/news_search/news_search.css
+++ b/src/content/modules/news_search/news_search.css
@@ -26,11 +26,8 @@
     position: absolute;
     background-color: #1f2230;
     color: #f8f9ff;
-    border: 1px solid rgba(78, 161, 255, 0.35);
-    border-radius: 10px;
-    padding: 6px 0;
+    outline: 1px solid rgba(78, 161, 255, 0.35);
     min-width: 220px;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
     z-index: 1000;
 }
 
@@ -42,6 +39,16 @@
     transition: background-color 0.15s ease, color 0.15s ease;
 }
 
+.ultrabox-news-search-autocomplete-item:nth-child(1) {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
+.ultrabox-news-search-autocomplete-item:last-child {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
 .ultrabox-news-search-autocomplete-item + .ultrabox-news-search-autocomplete-item {
     border-top: 1px solid rgba(255, 255, 255, 0.08);
 }
diff --git a/src/content/schooltape/news_search_styles.css b/src/content/schooltape/news_search_styles.css
index 236467e..817b38f 100644
--- a/src/content/schooltape/news_search_styles.css
+++ b/src/content/schooltape/news_search_styles.css
@@ -1,8 +1,20 @@
 #ultrabox-news-search {
-    background-color: var(--ctp-surface1) !important;
+    background-color: hsl(var(--ctp-surface1)) !important;
 }
 
 #ultrabox-news-category-display {
     background-color: var(--sb-ck-active) !important;
     color: var(--sb-ck-active-grey) !important;
 }
+
+#ultrabox-news-search-autocomplete {
+    background-color: hsl(var(--ctp-surface2)) !important;
+    color: hsl(var(--ctp-text)) !important;
+    outline: 1px solid hsl(var(--ctp-accent)) !important;
+    border-radius: 10px 10px !important;
+}
+
+.ultrabox-news-search-autocomplete-item:hover {
+    background-color: hsl(var(--ctp-accent)) !important;
+    color: hsl(var(--ctp-crust)) !important;
+}