Api do wyszukiwania dostepności, korekty w powiązanych stronach

src/styles/buttons.css

@@ -1,4 +1,3 @@
-/* Podstawowe ustawienia wspólne */
 .btn {
   @apply inline-flex items-center justify-center 
          font-semibold rounded-lg px-6 py-3
@@ -6,7 +5,6 @@
          cursor-pointer select-none;
 }
 
-/* Wariant główny */
 .btn-primary {
   background-color: var(--btn-bg);
   color: var(--btn-text);
@@ -16,7 +14,6 @@
   filter: brightness(0.95);
 }
 
-/* Wariant outline */
 .btn-outline {
   background-color: transparent;
   border: 2px solid var(--btn-outline-border);
@@ -27,7 +24,6 @@
   background-color: var(--btn-outline-bg-hover);
 }
 
-/* Wariant ghost (bez obramowania) */
 .btn-ghost {
   background-color: transparent;
   color: var(--btn-ghost-text);
@@ -91,4 +87,41 @@
 /* .fuz-link {
   color: var(--fuz-accent);
   transition: color 0.2s ease;
-} */
+} */
+
+
+/* Kapsuła — input + dropdown jako jedna całość */
+.autocomplete-wrapper {
+  position: relative;
+}
+
+/* Input (gdy dropdown otwarty) */
+.autocomplete-open {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-bottom-width: 0 !important;
+}
+
+/* Dropdown */
+.autocomplete-list {
+  @apply absolute left-0 right-0 z-50 bg-[var(--fuz-bg)] text-[var(--fuz-text)]
+         border border-gray-300 dark:border-slate-700
+         rounded-b-xl shadow-xl max-h-56 overflow-auto;
+
+  border-top: none; /* ważne */
+  animation: fadeIn 0.12s ease-out;
+}
+
+.autocomplete-list li {
+  @apply px-4 py-2 cursor-pointer transition-colors;
+}
+
+.autocomplete-list li:hover,
+.autocomplete-list li.active {
+  @apply bg-gray-100 dark:bg-slate-800;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(-2px); }
+  to   { opacity: 1; transform: translateY(0); }
+}