{%- set has_sidebar = config.theme.include_sidebar and nav and (page or not config.plugins.get('i18n')) %}
<header class="primer-header">
  <div class="primer-header-inner d-flex flex-items-center{{ ' primer-header-inner-with-sidebar' if has_sidebar }}">
    {%- if has_sidebar %}
      <details class="primer-nav-toggle">
        <summary class="btn btn-octicon"
                 aria-controls="primer-sidebar"
                 aria-label="{% trans %}Toggle navigation{% endtrans %}">
          {%- if config.theme.icon == 'lucide' %}
            <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 12h16"/><path d="M4 18h16"/><path d="M4 6h16"/></svg>
          {%- else %}
          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" width="16" fill="currentColor">
            <path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path>
          </svg>
          {%- endif %}
        </summary>
      </details>
    {%- endif %}

    <a class="primer-header-title" href="{{ nav.homepage.url | url if nav.homepage and page else base_url }}">
      {%- if config.theme.logo %}
        <img src="{{ config.theme.logo | url }}" alt="" class="primer-header-logo">
      {%- endif %}
      <span class="primer-header-title-text">{{ config.site_name }}</span>
    </a>

    <div class="flex-auto"></div>

    {%- if 'search' in config.plugins %}
      {% include "partials/search-box.html" %}
    {%- endif %}

    <div class="flex-auto primer-header-spacer-end"></div>

    {% include "partials/language.html" %}
    {% include "partials/color-mode.html" %}
  </div>
</header>