{% 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 %}{% 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 %}