{**
 * 2018 RoyThemes
 *}

{if isset($roythemes.header_ns) && ($roythemes.header_ns == "1")}
  {block name='header_nav'}
    <nav class="header-nav hidden-md-down">
      <div class="container">
        <div class="row">
          {if isset($roythemes.nc_toppanel_lay)}
            {if $roythemes.nc_toppanel_lay !== "1"}
              <div class="col-md-3 col-xs-3 curlan">
                {hook h='displayNav1'}
              </div>
            {/if}
              <div class="col-md-{if $roythemes.nc_toppanel_lay == "1"}12{else}9{/if} roycon">
                {hook h='displayHeaderContent'}
              </div>
          {/if}
        </div>
      </div>
    </nav>
  {/block}
{/if}


{block name='header_top'}
  <div class="header-top">
    <div class="container">

       <div class="row action header_lay{if isset($roythemes.header_lay)}{$roythemes.header_lay}{/if}">
         {if isset($roythemes.header_lay) && ($roythemes.header_lay !== "4" && $roythemes.header_lay !== "6")}
            <div class="head_logo" id="_desktop_logo">
              <a href="{$urls.base_url}">
                <img class="logo logo-normal img-responsive" src="{$urls.base_url}modules/roy_customizer/upload/logo-normal-{Context::getContext()->shop->id}.{if isset($roythemes.nc_logo_normal_ext)}{$roythemes.nc_logo_normal_ext}{else}png{/if}" alt="{$shop.name}">
                <img class="logo logo-trans img-responsive" src="{$urls.base_url}modules/roy_customizer/upload/logo-trans-{Context::getContext()->shop->id}.{if isset($roythemes.nc_logo_trans_ext)}{$roythemes.nc_logo_trans_ext}{else}png{/if}" alt="{$shop.name}">
              </a>
              {if isset($roythemes.header_lay) && ($roythemes.header_lay == "3")}
                {widget name="ps_searchbar"}
              {/if}
            </div>
            {if isset($roythemes.header_lay) && ($roythemes.header_lay !== "5")}
            <div class="head_menu">
              {hook h='displayMegaMenu'}
            </div>
            {/if}

			<div class="flag-eu tip_inside"><a href="/content/7-projekty-ue"><img src="/img/eu.png"/><span class="tip">EU</span></a></div>

            <div class="head_action">
              <ul>
                {if isset($roythemes.nc_cl) && $roythemes.nc_cl == "2"}
                  <li class="curlan">
                    {widget name="ps_languageselector"}
                  </li>
                  <li class="curlan">
                    {widget name="ps_currencyselector"}
                  </li>
                {/if}

				        <li id="buttons-size-wcag">
					        <div class="button-wcag-size-up tip_inside">
                    &plus;
                    <span class="tip">Powiększ Czcionke</span>
                  </div>

                  <div class="button-wcag-size-down tip_inside">
                    &minus;
                    <span class="tip">Pomniejsz Czcionke</span>
                  </div>
				        </li>

				        <li id="button-wcag" class='tip_inside'><i class="rts" data-size="28" data-color="#000000" style="width: 28px; height: 28px;"><svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m454.997 460.123-44.264-132.791c-10.806-32.418-41.024-54.199-75.195-54.199h-5.951c8.47-8.526 13.713-20.261 13.713-33.2 0-25.989-21.144-47.133-47.133-47.133h-33.2v-33.216c0-15.474-5.541-30.089-15.661-41.613 18.941-10.927 31.727-31.377 31.727-54.771 0-34.849-28.352-63.2-63.2-63.2s-63.199 28.352-63.199 63.2c0 15.91 5.922 30.455 15.662 41.577-15.384 8.864-26.742 23.974-30.433 42.018-13.729-11.398-31.35-18.262-50.546-18.262h-.017c-8.284 0-14.992 6.716-14.992 15s6.725 15 15.009 15c27.156 0 49.25 22.094 49.25 49.25v31.808c-31.997 15.697-80.333 57.515-80.333 128.875-.001 79.145 64.388 143.534 143.532 143.534 58.903 0 109.624-35.67 131.72-86.539l14.717 44.15c2.042 6.125 7.774 10.256 14.23 10.256h80.333c4.821 0 9.35-2.318 12.169-6.229s3.586-8.941 2.062-13.515zm-239.164-430.123c18.307 0 33.2 14.894 33.2 33.2s-14.894 33.2-33.2 33.2-33.199-14.893-33.199-33.2 14.893-33.2 33.199-33.2zm-16.067 452c-62.603 0-113.533-50.931-113.533-113.533 0-48.443 29.225-83.641 59.908-100.091 8.746 11.483 22.563 18.691 37.559 18.691h95.176c21.943 21.345 34.424 50.705 34.424 81.4 0 62.602-50.931 113.533-113.534 113.533zm96.401-224.933h-112.467c-9.447 0-17.134-7.686-17.134-17.134v-80.349c0-18.107 14.616-33.184 33.217-33.184 18.325 0 33.184 14.837 33.184 33.184v33.216h-17.134c-8.284 0-15 6.716-15 15s6.716 15 15 15h80.334c9.447 0 17.133 7.686 17.133 17.133 0 9.448-7.686 17.134-17.133 17.134zm75.078 192.8-27.979-83.937c-.391-22.062-5.867-43.513-15.734-62.796h8.007c21.237 0 40.019 13.537 46.734 33.686l37.683 113.048h-48.711z"/></svg>
				          </i>
                  <span class="tip">Wysoki Kontrast</span>
				        </li>

                {if isset($roythemes.header_lay) && ($roythemes.header_lay == "5")}
                  {block name='menu_top'}
                    {include file="_partials/menu.tpl"}
                  {/block}
                {/if}
                <li>
                {block name='acc_top'}
                  {include file="_partials/acc.tpl"}
                {/block}
                </li>
                {if isset($roythemes.header_lay) && ($roythemes.header_lay !== "3")}
                <li class='tip_inside'>{widget name="ps_searchbar"}<span class="tip">Wyszukaj</span></li>
                {/if}
                <li>{widget name="ps_shoppingcart"}</li>
              </ul>
            </div>
          {/if}

          {if isset($roythemes.header_lay) && ($roythemes.header_lay == "4" || $roythemes.header_lay == "6")}
            <div class="head_action">
              <ul>
                {if isset($roythemes.header_lay) && ($roythemes.header_lay == "6")}
                  {block name='menu_top'}
                    {include file="_partials/menu.tpl"}
                  {/block}
                {/if}
                <li>{widget name="ps_searchbar"}</li>
              </ul>
            </div>
            <div class="head_logo" id="_desktop_logo">
              <a href="{$urls.base_url}">
                <img class="logo logo-normal img-responsive" src="{$urls.base_url}modules/roy_customizer/upload/logo-normal-{Context::getContext()->shop->id}.{if isset($roythemes.nc_logo_normal_ext)}{$roythemes.nc_logo_normal_ext}{else}png{/if}" alt="{$shop.name}">
                <img class="logo logo-trans img-responsive" src="{$urls.base_url}modules/roy_customizer/upload/logo-trans-{Context::getContext()->shop->id}.{if isset($roythemes.nc_logo_trans_ext)}{$roythemes.nc_logo_trans_ext}{else}png{/if}" alt="{$shop.name}">
              </a>
              {if isset($roythemes.header_lay) && ($roythemes.header_lay == "3")}
               {block name='acc_top'}
                 {include file="_partials/acc.tpl"}
               {/block}
              {/if}
            </div>
            <div class="head_action">
              <ul>
                {if isset($roythemes.nc_cl) && $roythemes.nc_cl == "2"}
                  <li class="curlan">
                    {widget name="ps_languageselector"}
                  </li>
                  <li class="curlan">
                    {widget name="ps_currencyselector"}
                  </li>
                {/if}
                <li>
                  {block name='acc_top'}
                    {include file="_partials/acc.tpl"}
                  {/block}
                </li>
                <li>{widget name="ps_shoppingcart"}</li>
              </ul>
            </div>
          {/if}
        </div>

        {if isset($roythemes.header_lay) && ($roythemes.header_lay == "4")}
        <div class="head_menu">
          {hook h='displayMegaMenu'}
        </div>
        {/if}

      </div>

      <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
        <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
        <div class="js-top-menu-bottom">
          <div id="_mobile_currency_selector"></div>
          <div id="_mobile_language_selector"></div>
          <div id="_mobile_contact_link"></div>
        </div>
      </div>

  </div>
  {hook h='displayNavFullWidth'}
  <div class="header-mobile hidden-lg-up">
    <div class="header-mobile-wrap">
      <div class="logo-mobile">
        <a href="{$urls.base_url}">
          <img class="logo img-responsive" src="{$urls.base_url}modules/roy_customizer/upload/logo-mobile-{Context::getContext()->shop->id}.{if isset($roythemes.nc_mobile_logo_ext)}{$roythemes.nc_mobile_logo_ext}{else}png{/if}" alt="{$shop.name}">
        </a>
      </div>
      <div class="head_action">
        <ul>
          <li><i class="box-search rts" data-size="26" data-color="#000000">{if isset($roythemes.nc_i_search)}{$roythemes.nc_i_search}{else}search1{/if}</i></li>
          <li><i class="box-cart rts" data-size="26" data-color="#000000">{if isset($roythemes.cart_icon)}{$roythemes.cart_icon}{else}cart1{/if}</i><span class="box-cart cart-products-count">{$cart.products_count}</span></li>
          <li class="menu_top"><i class="box-menu"><span></span><span></span>{if isset($roythemes.nc_m_icon) && ($roythemes.nc_m_icon !== "menu4") && ($roythemes.nc_m_icon !== "menu5")}<span></span>{/if}</i></li>
        </ul>
      </div>
    </div>
  </div>


{/block}