{% comment %}Wyszukiwarka paska nagłówka. Szerokość bierze się z Ustawień >
   Nawigacja serwisu - 0 znaczy pełna dostępna szerokość; teksty
   z Ustawień > Wyszukiwanie. Pole i przycisk stoją przy sobie bez odstępu,
   więc czytają się jak jeden element paska.{% endcomment %}
<form action="{% url 'core:search' %}" method="get" role="search"
      class="flex w-full min-w-0 flex-1 items-stretch"
      {% if site_settings.header_search_max_width %}style="max-width: {{ site_settings.header_search_max_width }}px"{% endif %}>
  <label class="sr-only" for="site-search">{{ site_settings.search_heading }}</label>
  <input id="site-search" type="search" name="q" value="{{ query }}" placeholder="{{ site_settings.search_placeholder }}"
         class="site-input border-r-0 py-2">
  <button type="submit" aria-label="{{ site_settings.search_button_label }}"
          class="shrink-0 bg-slate-800 px-4 text-white hover:bg-brand-600">
    {% include 'partials/icon.html' with icon='search' %}
  </button>
</form>