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

{% block base_body %}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">

    <style>
        .shopware-overlay {
            background: #189eff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            visibility: visible;
            opacity: 1;
            transition: opacity 750ms linear;
        }

        .shopware-overlay img {
            position: relative;
            width: 7em;
            height: 7em;
            border: 5px solid #f0efeb;

            z-index: 101;

            animation-name: gently-scale;
            animation-timing-function: ease-in-out;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            box-shadow: inset 0 0 5px #f0efeb;
            border-radius: 3.5em;
        }
    </style>



    {% if activeRoute == 'frontend.home.page' %}
        <style>
            header .icon {
                color: #fff;
            }

            header .header-cart-total {
                color: #fff;
            }
        </style>
    {% endif %}

    <div id="shopware-overlay" class="shopware-overlay">
        <img src="{{ asset('/bundles/etailconferencetheme/assets/shopare-logo-only.png') }}" alt="Shopware logo | only">
    </div>

    {{ parent() }}
{% endblock %}

{% block base_header %}
    <header class="header-main d-none">
        {{ block('base_header_inner') }}
    </header>
{% endblock %}

{% block base_main %}
    <main class="content-main d-none">
        {{ block('base_flashbags') }}

        {{ block('base_main_inner') }}
    </main>
{% endblock %}

{% block base_footer %}
    <footer class="footer-main d-none">
        {{ block('base_footer_inner') }}
    </footer>
{% endblock %}

{% block base_body_classes %}
    {{ parent() }}

    {% if activeRoute == 'frontend.home.page' %}
        shopware-bg
    {% endif %}
{% endblock %}

{% block base_breadcrumb %}{% endblock %}