{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_header_navigation %}
<div class="row align-items-center header-row">
{% block layout_header_search %}
<div class="col-12 order-2 col-md order-sm-3 order-md-1 header-search-col">
<div class="row header-search-row">
<div class="d-md-block header-menu-button-desktop header-menu-button">
{% block layout_header_navigation_toggle_tablet %}
<div class="nav-main-toggle h-100 align-items-center d-flex">
{% block layout_header_navigation_toggle_tablet_button %}
{% if config("WexoOffcanvasMenu").config.replaceDesktopMenuWithOffCanvas and config("WexoOffcanvasMenu").config.offcanvasMenuActive %}
<button class="btn nav-main-toggle-btn header-actions-btn wexo-offcanvas-menu-desktop-button"
type="button"
data-offcanvas-menu="true"
role="navigation"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% if config("WexoOffcanvasMenu").config.offcanvasMenuAnimation %}
{% block layout_header_navigation_burger_icon %}
<div class="offcanvasMenuIcon">
<span class="offcanvasMenuIconLine"></span>
<span class="offcanvasMenuIconLine"></span>
<span class="offcanvasMenuIconLine"></span>
</div>
{% endblock %}
{% else %}
{% block layout_header_navigation_toggle_tablet_button_icon %}
{% sw_icon 'stack' %}
{% endblock %}
{% endif %}
{% if "wexoOffcanvasMenu.menu"|trans|striptags|trim != "wexoOffcanvasMenu.menu" %}
<p class="offcanvasMenuText">{{ "wexoOffcanvasMenu.menu"|trans|striptags|trim }}</p>
{% endif %}
</button>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
</div>
{% endblock %}
</div>
<div class="header-logo-col d-none d-md-block">
{% block layout_header_logo %}
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
{% endblock %}
</div>
<div class="col-12 col-md p-0">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
</div>
{% endblock %}
{% block layout_header_actions %}
<div class="col-12 order-1 col-md-auto order-sm-2 header-actions-col">
<div class="row no-gutters"
style="background-image: url('{{ shopware.theme['sw-logo-mobile'] |sw_encode_url }}')">
{% block layout_header_navigation_toggle %}
<div class="col d-md-none h-100">
<div class="menu-button">
{% block layout_header_navigation_toggle_button %}
{% if config("WexoOffcanvasMenu").config.replaceMobileOffCanvas and config("WexoOffcanvasMenu").config.offcanvasMenuActive %}
<button class="btn nav-main-toggle-btn header-actions-btn wexo-offcanvas-menu-mobile-button d-flex"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% if config("WexoOffcanvasMenu").config.offcanvasMenuAnimation %}
{% block layout_header_navigation_burger_icon_small %}
<label></label>
<div class="offcanvasMenuIcon" role="">
<span class="offcanvasMenuIconLine"></span>
<span class="offcanvasMenuIconLine"></span>
<span class="offcanvasMenuIconLine"></span>
</div>
{% endblock %}
{% else %}
{% block layout_header_navigation_toggle_button_icon %}
{% sw_icon 'stack' %}
{% endblock %}
{% endif %}
</button>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
<div class="col-md-auto d-block d-md-none">
{{ block('layout_header_logo') }}
</div>
{% block layout_header_search_toggle %}
{% endblock %}
{% block layout_header_actions_account %}
{{ parent() }}
{% endblock %}
{% block layout_header_actions_cart %}
{{ parent() }}
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}