From 1f11b6521042a05cad24fffdba93ae91d11eeda4 Mon Sep 17 00:00:00 2001
From: Felippe Costa <felippemsc@gmail.com>
Date: Wed, 18 Feb 2026 13:12:23 -0300
Subject: [PATCH] fix: collapse search bar to icon on mobile viewports

---
 src/css/custom.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 597b68f..f2fcdbe 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -150,6 +150,19 @@ h1, h2, h3, h4, h5, h6 {
   border: 1px solid var(--ss-smoke);
 }
 
+/* Mobile: collapse search to icon only so it doesn't overlap the logo */
+@media (max-width: 996px) {
+  .navbar .DocSearch-Button {
+    width: 36px;
+    padding: 0 8px;
+  }
+
+  .navbar .DocSearch-Button-Placeholder,
+  .navbar .DocSearch-Button-Keys {
+    display: none;
+  }
+}
+
 .navbar .DocSearch-Button:hover {
   background: var(--ss-smoke);
   border-color: var(--ss-steel);