.search-input-wrapper{position:relative;display:flex;align-items:center;margin-left:1rem;margin-right:1rem}.search-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-text-muted);pointer-events:none}.search-input{padding-left:2.5rem;padding-right:2.5rem}.clear-btn{position:absolute;right:.75rem;width:1.25rem;height:1.25rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;display:none;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.clear-btn:hover{color:var(--color-text-main)}.clear-btn.show{display:flex}.suggestions-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:400px;overflow-y:auto;z-index:1000;padding:.25rem;display:none}.suggestions-dropdown.show{display:block;animation:dropdownFadeIn .15s ease-out}.suggestion-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;width:100%;text-align:left;background:transparent}.suggestion-item:hover{background-color:var(--color-gray-100)}[data-theme=dark] .suggestion-item:hover{background-color:#ffffff0d}.suggestion-item.active{background-color:var(--color-gray-100)}[data-theme=dark] .suggestion-item.active{background-color:#ffffff0d}.suggestion-main{font-size:.875rem;color:var(--color-text-main);font-weight:500}.suggestion-detail{font-size:.8125rem;color:var(--color-text-muted)}.suggestion-type-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em}.type-adres{background-color:var(--color-blue-50);color:var(--color-blue-700)}[data-theme=dark] .type-adres{background-color:#60a5fa1a;color:var(--color-blue-400)}.type-woonplaats{background-color:var(--color-emerald-50);color:var(--color-emerald-700)}[data-theme=dark] .type-woonplaats{background-color:#34d3991a;color:var(--color-emerald-400)}.type-straat{background-color:var(--color-purple-50);color:var(--color-purple-700)}[data-theme=dark] .type-straat{background-color:#c084fc1a;color:var(--color-purple-400)}.type-gemeente{background-color:var(--color-amber-50);color:var(--color-amber-700)}[data-theme=dark] .type-gemeente{background-color:#fbbf241a;color:var(--color-amber-400)}.type-provincie{background-color:var(--color-indigo-50);color:var(--color-indigo-700)}[data-theme=dark] .type-provincie{background-color:#818cf81a;color:var(--color-indigo-400)}.type-wijk{background-color:var(--color-pink-50);color:var(--color-pink-700)}[data-theme=dark] .type-wijk{background-color:#f472b61a;color:var(--color-pink-400)}.type-buurt{background-color:var(--color-orange-50);color:var(--color-orange-700)}[data-theme=dark] .type-buurt{background-color:#fb923c1a;color:var(--color-orange-400)}.loading-spinner{position:absolute;right:.75rem;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;display:none}.loading-spinner.show{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.no-results{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.search-container-centered{position:relative;max-width:600px;margin:2rem auto}.search-container-fixed{position:fixed;top:1rem;right:1rem;width:350px;z-index:1100}.search-container-fixed .search-input{background-color:var(--color-bg-surface);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-container-mobile{position:relative;width:100%;max-width:100%}.search-container-mobile .search-input{font-size:1rem;padding:.75rem 2.75rem .75rem 3rem}.search-container-mobile .search-icon{width:1.5rem;height:1.5rem;left:1rem}.search-container-mobile .clear-btn,.search-container-mobile .loading-spinner{right:1rem;width:1.5rem;height:1.5rem}.search-container-mobile .suggestions-dropdown{max-height:60vh}.search-container-mobile .suggestion-item{padding:1rem;min-height:48px}.search-container-mobile .suggestion-main{font-size:1rem}.search-container-mobile .suggestion-type-badge{font-size:.75rem;padding:.25rem .5rem}.nav-search-overlay{align-items:flex-start}.nav-search-modal{margin-top:8vh}.nav-search-modal .search-input-wrapper{margin-left:0;margin-right:0}.nav-search-mapbox{position:relative}#nav-search-map{height:260px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.nav-search-modal .nav-search-overlay-field{position:absolute;top:8px;left:8px;right:8px;z-index:5;margin:0}.nav-search-overlay-field .search-input{background:var(--color-bg-surface);box-shadow:0 4px 12px #00000026}.nav-search-intro{margin:.75rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--color-text-muted)}.nav-search-intro strong{color:var(--color-text-main);font-weight:600}.nav-search-actions{display:flex;gap:.5rem;margin-top:1rem}.nav-search-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.nav-search-actions .btn svg{width:18px;height:18px;flex-shrink:0}.search-mode-toggle{display:flex;gap:.25rem;padding:.25rem;margin-bottom:1rem;background-color:var(--color-gray-100);border-radius:var(--radius-md)}[data-theme=dark] .search-mode-toggle{background-color:#ffffff0f}.search-mode-toggle button{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.search-mode-toggle button:hover{color:var(--color-text-main)}.search-mode-toggle button.active{color:var(--color-primary-content);background-color:var(--color-primary)}