{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_body_inner %}
{% set WolfACT = config('WolfPlatformConversionTopbar.config') %}
{% if WolfACT.active %}
<style type="text/css">
i.fas {color: {{ WolfACT.iconcolor }};font-size: {{ WolfACT.iconsize }}px;font-style: normal;}
.WCB-Item {color: {{ WolfACT.fontcolor }};font-size: {{ WolfACT.fontsize }}px; }
.WCB-Item a {color: {{ WolfACT.fontcolor }};}
</style>
<div class="CB-container {% if WolfACT.sticky == "true" %}sticky-top{% endif %}" style="background: {{ WolfACT.backgroundcolor }};border-bottom: {{ WolfACT.bordersize }}px solid {{ WolfACT.bordercolor }}">
<div class="wcon-bar" style="height: {{ WolfACT.barheight }}px;line-height: {{ WolfACT.barheight }}px;" >
<p class="WCB-Item {{ WolfACT.align1 }} {% if WolfACT.elementcount == "ctp-3" %} {{ WolfACT.itemanimate }}1-3 {% elseif WolfACT.elementcount == "ctp-4" %}{{ WolfACT.itemanimate }}1-4 {% elseif WolfACT.elementcount == "ctp-2" %}{{ WolfACT.itemanimate }}1-2 {% endif %} {{ WolfACT.elementcount }}" >
{% if "wolf-conversion-topbar.message.link1"|trans|sw_sanitize != "" %}<a href="{{ "wolf-conversion-topbar.message.link1"|trans|sw_sanitize }}">{% endif %}
<i class="fas {% if WolfACT.icon1 != "manual" %}{{ WolfACT.icon1 }}{% else %}{{ WolfACT.manual1 }}{% endif %} {{ WolfACT.ianimate1 }}" aria-hidden="true"></i> {{ "wolf-conversion-topbar.message.element1"|trans|sw_sanitize }}
{% if "wolf-conversion-topbar.message.link1"|trans|sw_sanitize != "" %}</a>{% endif %}
</p>
{% if WolfACT.elementcount == "ctp-2" or WolfACT.elementcount == "ctp-3" or WolfACT.elementcount == "ctp-4" %}
<p class="WCB-Item {{ WolfACT.align2 }} {% if WolfACT.elementcount == "ctp-3" %} {{ WolfACT.itemanimate }}2-3 {% elseif WolfACT.elementcount == "ctp-4" %}{{ WolfACT.itemanimate }}2-4 {% elseif WolfACT.elementcount == "ctp-2" %}{{ WolfACT.itemanimate }}2-2 {% endif %}
{{ WolfACT.elementcount }}">
{% if "wolf-conversion-topbar.message.link2"|trans|sw_sanitize != "" %}<a href="{{ "wolf-conversion-topbar.message.link2"|trans|sw_sanitize }}">{% endif %}
<i class="fas {% if WolfACT.icon2 != "manual" %}{{ WolfACT.icon2 }}{% else %}{{ WolfACT.manual2 }}{% endif %} {{ WolfACT.ianimate2 }}" aria-hidden="true"></i> {{ "wolf-conversion-topbar.message.element2"|trans|sw_sanitize }}
{% if "wolf-conversion-topbar.message.link2"|trans|sw_sanitize != "" %}</a>{% endif %}
</p>
{% endif %}
{% if WolfACT.elementcount == "ctp-3" or WolfACT.elementcount == "ctp-4" %}
<p class="WCB-Item {{ WolfACT.align3 }} {% if WolfACT.elementcount == "ctp-3" %} {{ WolfACT.itemanimate }}3-3 {% elseif WolfACT.elementcount == "ctp-4" %}{{ WolfACT.itemanimate }}3-4 {% endif %}{{ WolfACT.elementcount }}" >
{% if "wolf-conversion-topbar.message.link3"|trans|sw_sanitize != "" %}<a href="{{ "wolf-conversion-topbar.message.link3"|trans|sw_sanitize }}">{% endif %}
<i class="fas {% if WolfACT.icon3 != "manual" %}{{ WolfACT.icon3 }}{% else %}{{ WolfACT.manual3 }}{% endif %} {{ WolfACT.ianimate3 }}" aria-hidden="true"></i> {{ "wolf-conversion-topbar.message.element3"|trans|sw_sanitize }}
{% if "wolf-conversion-topbar.message.link3"|trans|sw_sanitize != "" %}</a>{% endif %}
</p>
{% endif %}
{% if WolfACT.elementcount == "ctp-4" %}
<p class="WCB-Item {{ WolfACT.align4 }} {{ WolfACT.itemanimate }}4-4 {{ WolfACT.elementcount }}">
{% if "wolf-conversion-topbar.message.link4"|trans|sw_sanitize != "" %}<a href="{{ "wolf-conversion-topbar.message.link4"|trans|sw_sanitize }}">{% endif %}
<i class="fas {% if WolfACT.icon4 != "manual" %}{{ WolfACT.icon4 }}{% else %}{{ WolfACT.manual4 }}{% endif %} {{ WolfACT.ianimate4 }}" aria-hidden="true"></i> {{ "wolf-conversion-topbar.message.element4"|trans|sw_sanitize }}
{% if "wolf-conversion-topbar.message.link4"|trans|sw_sanitize != "" %}</a>{% endif %}
</p>
{% endif %}
</div>
</div>
{% endif %}
{{ parent () }}
{% endblock %}