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); }
+}

src/styles/contact.css

@@ -33,30 +33,36 @@
   color: var(--fuz-text);
 }
 
-.fuz-rodo a {
-  color: var(--fuz-accent);              /* Twój kolor linków */
-}
+/* .fuz-rodo a {
+  color: var(--fuz-accent);            
+} */
 
 .fuz-rodo a:hover {
   color: var(--fuz-accent-hover);        /* jeśli masz globalne zmienne */
 }
 /* --- TOAST --- */
+/* --- TOAST SYSTEM (Tailwind version) --- */
 
 .fuz-toast {
-  @apply fixed top-5 right-5 z-[9999];
+  @apply fixed top-5 left-1/2 z-[9999] pointer-events-none;
+  @apply opacity-0 -translate-y-3 -translate-x-1/2 transition-all duration-300 ease-out;
+}
+
+.fuz-toast.visible {
+  @apply opacity-100 translate-y-0;
 }
 
 .fuz-toast-msg {
-  @apply px-5 py-3 rounded-xl shadow-lg;
+  @apply px-5 py-3 rounded-xl shadow-lg text-sm;
+  background: var(--fuz-accent);
   color: var(--fuz-accent-text);
 }
 
-/* SUKCES = accent */
 .fuz-toast-msg.success {
-  background-color: var(--fuz-accent);
+  background: var(--fuz-accent);
 }
 
-/* ERROR — czerwony zostaje, bo to wyjątek */
 .fuz-toast-msg.error {
-  background-color: #ff4d4f;
+  @apply bg-red-500 text-white;
 }
+

src/styles/map-google.css

@@ -20,4 +20,38 @@
 .fuz-contact-map-wrapper {
   /* @apply col-span-2 w-full border-cyan-200; */
   @apply w-full max-w-7xl mx-auto mt-6;
+}
+
+.map-range-container {
+  @apply sticky top-[67px] z-[999] flex justify-center w-full pointer-events-auto;
+  /* position: absolute;
+  top: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 9000;
+  display: flex;
+  justify-content: center; */
+
+}
+
+.map-range-switch {
+  background: var(--fuz-bg);
+}
+
+.map-range-switch .fuz-switch-group {
+  display: flex;
+  gap: 8px;
+}
+
+/* Mobile: pionowo */
+@media (max-width: 640px) {
+  .map-range-switch .fuz-switch-group {
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .map-range-switch .fuz-switch {
+    width: 100%;
+    text-align: center;
+  }
 }

src/styles/offers/offers-switches.css

@@ -3,7 +3,7 @@
 }
 
 .fuz-switch-group {
-  @apply inline-flex rounded-full overflow-hidden relative;
+  @apply inline-flex overflow-hidden relative;
   background: rgba(0, 0, 0, 0.08);
 }
 
@@ -16,16 +16,16 @@
 .fuz-switch {
   @apply px-6 py-2 text-sm font-semibold cursor-pointer select-none transition-all;
   color: var(--fuz-text);
-  opacity: 0.7;
+  /* opacity: 0.7; */
 }
 
 .fuz-switch:hover {
-  opacity: 0.9;
+  /* opacity: 0.9; */
 }
 
 .fuz-switch.active {
   background: var(--fuz-accent);
   color: var(--btn-text);
-  opacity: 1;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
+  /* opacity: 1; */
+  /* box-shadow: 0 2px 8px rgba(0,0,0,0.18); */
 }