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

{% block layout_header_search_input_group %}
    {% if inlineNav == 1 %}
        <div class="header-search-form-head">
            What are you Looking for?
        </div>
    {% endif %}
    {{parent()}}
{% endblock %}

{% block layout_header_search_input %}
    <label class="sr-only" for="header-main-search-input">{{ 'header.searchPlaceholder'|trans|striptags }}</label>
    {{parent()}}
{% endblock %}

{% block layout_header_search_button %}
    <button type="submit"
            class="btn header-search-btn"
            aria-label="{{ "header.searchButton"|trans|striptags }}">
        <span class="header-search-icon">
            {% sw_icon 'icon-search' style { 'pack':'custom', 'namespace': 'SsikMetroLight', 'class':'ssik' } %}
        </span>
    </button>
{% endblock %}