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

{% block layout_head_stylesheet %}
    {{ parent() }}
    
    <!-- Custom Theme Styles -->
    <link rel="stylesheet" href="{{ asset('bundles/mycustomtheme/storefront/css/overrides.css', 'theme') }}">
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
{% endblock %}

{% block layout_head_javascript %}
    {{ parent() }}
    
    <!-- Custom Theme JavaScript -->
    <script src="{{ asset('bundles/mycustomtheme/storefront/js/main.js', 'theme') }}"></script>
{% endblock %}

{% block layout_header %}
    {% sw_include '@MyCustomTheme/storefront/layout/header/header.html.twig' %}
{% endblock %}

{% block layout_footer %}
    {% sw_include '@MyCustomTheme/storefront/layout/footer/footer.html.twig' %}
{% endblock %}

{% block layout_body_classes %}
    {{ parent() }}
    my-custom-theme
{% endblock %}