{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_header_actions %}
<div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
<div class="row {{ gridNoGuttersClass }} header-navigation-actions">
<div class="col-auto header-action-buttons">
<div class="row header-action-row">
{% block layout_header_search_toggle %}
<div class="col-auto d-sm-none header-action-col">
<div class="search-toggle">
<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
type="button"
{{ dataBsToggleAttr }}="collapse"
{{ dataBsTargetAttr }}="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags }}">
{% sw_icon 'icon_search' style {
'pack': 'shopping-city',
'color': 'black',
'namespace': 'MrpixShoppingCityTheme',
'size': 'lg'
} %}
</button>
</div>
</div>
{% endblock %}
{% if config('core.cart.wishlistEnabled') %}
{% block layout_header_actions_wishlist %}
<div class="col-auto header-action-col">
<div class="header-wishlist">
<a class="btn header-wishlist-btn header-actions-btn"
href="{{ path('frontend.wishlist.page') }}"
title="{{ 'header.wishlist'|trans|striptags }}"
aria-label="{{ 'header.wishlist'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
</a>
</div>
</div>
{% endblock %}
{% endif %}
{% block layout_header_actions_account %}
<div class="col-auto header-action-col">
<div class="account-menu">
{% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
</div>
</div>
{% endblock %}
</div>
</div>
{% block layout_header_navigation_toggle %}
<div class="col col-navigation-menu d-sm-none d-lg-block">
<div class="menu-button">
{% block layout_header_navigation_toggle_button %}
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% block layout_header_navigation_toggle_button_icon %}
{% sw_icon 'icon_menu' style {
'pack': 'shopping-city',
'color': 'black',
'namespace': 'MrpixShoppingCityTheme',
'size': 'xl'
} %}
{% endblock %}
</button>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
</div>
{% endblock %}