<!doctype html>
<html class="no-js supports-no-cookies" lang="{{ shop.locale }}">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="theme-color" content="{{ settings.color_accent }}">
	<link rel="canonical" href="{{ canonical_url }}">

	{%- if settings.favicon != blank -%}
		<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
	{%- endif -%}

	{%- capture seo_title -%}
		{{ page_title }}
		{%- if current_tags -%}
			{%- assign meta_tags = current_tags | join: ', ' -%} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags -}}
		{%- endif -%}
		{%- if current_page and current_page != 1 -%}
			&ndash; {{ 'general.meta.page' | t: page: current_page }}
		{%- endif -%}
		{%- assign escaped_page_title = page_title | escape -%}
		{%- unless escaped_page_title contains shop.name -%}
			&ndash; {{ shop.name }}
		{%- endunless -%}
	{%- endcapture -%}
	<title>{{ seo_title | strip }}</title>

	{%- if page_description -%}
		<meta name="description" content="{{ page_description | escape }}">
	{%- endif -%}

	{% include 'social-meta-tags' %}
	{% include 'css-variables' %}

	{{ 'theme.css' | asset_url | stylesheet_tag }}

	<script>
		document.documentElement.className = document.documentElement.className.replace('no-js', '');

		window.theme = {
			strings: {
				addToCart: {{ 'products.product.add_to_cart' | t | json }},
				soldOut: {{ 'products.product.sold_out' | t | json }},
				unavailable: {{ 'products.product.unavailable' | t | json }}
			},
			moneyFormat: {{ shop.money_format | json }}
		};
	</script>

	{{ 'theme.js' | asset_url | script_tag }}

	{{ content_for_header }}
</head>

<body id="{{ page_title | handle }}" class="template-{{ template.name | handle }}">

{% section 'header' %}

<main role="main" id="MainContent">
	<wml-components></wml-components>
	{% block content %}My default content{% endblock %}
</main>

{% section 'footer' %}

</body>
</html>
