{% sw_extends '@Storefront/storefront/layout/header.html.twig' %}

{% block header %}
    <div class="head-wrapper">
        {% block base_header %}
            {{ parent() }}
        {% endblock %}

        <div class="head-hero">
            <div class="head-base-logo">
                <figure>
                    <a class="head-base-logo-link"
                       href="{{ path('frontend.home.page') }}"
                       title="{{ "header.logoLink"|trans|striptags }}">
                        <picture>
                            {% if theme_config('sw-logo-desktop') %}
                                <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
                                     alt="{{ "header.logoLink"|trans|striptags }}"
                                     class="img-fluid head-base-logo-img"/>
                            {% endif %}
                        </picture>
                    </a>
                </figure>
            </div>
        </div>

        {% block base_navigation %}
            {{ parent() }}
        {% endblock %}

        {% block base_offcanvas_navigation %}
            {{ parent() }}
        {% endblock %}
    </div>
{% endblock %}
