{# GoFlare Theme – Meta/Head Erweiterungen #}
{# Hier können z.B. zusätzliche Font-Preloads oder Meta-Tags eingefügt werden #}

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

{% block layout_head_stylesheet %}
    {{ parent() }}
{# Beispiel: Font Preload für bessere Performance
    <link rel="preload" href="{{ asset('bundles/goflaretheme/assets/font/TWKLausanne-300.woff2', 'asset') }}" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{{ asset('bundles/goflaretheme/assets/font/BRRR-Skrrt-WebXL.woff2', 'asset') }}" as="font" type="font/woff2" crossorigin>
#}
{% endblock %}

{# Offcanvas-(Mobile-)Menue immer beim Hauptmenue (Wurzel) starten statt an der
   aktuellen Kategorie. Das Plugin liest window.activeNavigationId; wir setzen sie
   nach dem Core-Script auf die Root-Navigationskategorie um. #}
{% block layout_head_javascript_router %}
    {{ parent() }}
    <script>
        window.activeNavigationId = '{{ context.salesChannel.navigationCategoryId }}';

        // Header-Hoehe als CSS-Variable, damit das Mobile-Menue (Offcanvas)
        // exakt unter dem Header startet statt ueber Vollbild.
        (function () {
            function setHeaderHeight() {
                var h = document.querySelector('header.header-main') || document.querySelector('.header-main');
                if (h) {
                    document.documentElement.style.setProperty('--gf-header-h', h.offsetHeight + 'px');
                }
            }
            window.addEventListener('DOMContentLoaded', setHeaderHeight);
            window.addEventListener('load', setHeaderHeight);
            window.addEventListener('resize', setHeaderHeight);
            window.addEventListener('orientationchange', setHeaderHeight);
        })();
    </script>
{% endblock %}