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

{% block layout_top_bar %}{% endblock %}

{% block layout_header_navigation %}
 <div class="row align-items-center header-row animate-fadeIn justify-content-between">
     {% block layout_header_logo %}
         {{  parent() }}
     {% endblock %}

     {% block layout_header_search %}
         <div class="col-12 col-sm col-lg-4 header-search-col">
             <div class="row align-items-center">
                 <div class="col-sm-auto d-none d-sm-block d-lg-none">
                     {% block layout_header_navigation_toggle_tablet %}
                         {{ parent() }}
                     {% endblock %}
                 </div>
                 <div class="col">
                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
                 </div>
             </div>
         </div>
     {% endblock %}

     {% block layout_header_actions %}
         <div class="col-12 order-1 col-sm-auto col-lg-4 order-sm-2 header-actions-col">
             <div class="row g-0 justify-content-end align-items-center">
                 {% block layout_header_navigation_toggle %}
                     {{ parent() }}
                 {% endblock %}

                 {% block layout_header_search_toggle %}
                     <div class="col-auto d-sm-none">
                         <div class="search-toggle">
                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
                                     type="button"
                                     data-bs-toggle="collapse"
                                     data-bs-target="#searchCollapse"
                                     aria-expanded="false"
                                     aria-controls="searchCollapse"
                                     aria-label="{{ "header.searchButton"|trans|striptags }}">
                                 <i class="fa-kit fa-search"></i>
                             </button>
                         </div>
                     </div>
                 {% endblock %}

                 {% if config('core.cart.wishlistEnabled') %}
                     {% block layout_header_actions_wishlist %}
                         {{ parent() }}
                     {% endblock %}
                 {% endif %}

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

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




{% block layout_header_navigation_toggle_tablet_button_icon %}
    <i class="fa-sharp fa-solid fa-bars"></i>
{% endblock %}

 {% block layout_header_navigation_toggle_button_icon %}
     <i class="fa-sharp fa-solid fa-bars"></i>
 {% endblock %}