<div class="social-networks {% if settings.social_network_show_border == false %}without-border{% endif %} {% if settings.social_network_show_border and settings.social_network_image_type == "color" %}show-image{% endif %}" {%- if style != blank -%}style="{{ style | strip_newlines }}"{%- endif -%}>
    {%- if settings.social_network_facebook != blank -%}
        <a target="_blank" href="{{ settings.social_network_facebook | escape }}" title="Facebook">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-facebook' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-facebook.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_tiktok != blank -%}
        <a target="_blank" href="{{ settings.social_network_tiktok | escape }}" title="TikTok">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-tiktok' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-tiktok.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_instagram != blank -%}
        <a target="_blank" href="{{ settings.social_network_instagram | escape }}" title="Instagram">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-instagram' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-instagram.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_pinterest != blank -%}
        <a target="_blank" href="{{ settings.social_network_pinterest | escape }}" title="Pinterest">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-pinterest' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-pinterest.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_twitter != blank -%}
        <a target="_blank" href="{{ settings.social_network_twitter | escape }}" title="Twitter">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-twitter' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-twitter.png', style: 'width: 24px; height: 24px;' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_youtube != blank -%}
        <a target="_blank" href="{{ settings.social_network_youtube | escape }}" title="Youtube">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-youtube' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-youtube.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
    
    {%- if settings.social_network_linkedin != blank -%}
        <a target="_blank" href="{{ settings.social_network_linkedin | escape }}" title="LinkedIn">
            {%- if settings.social_network_image_type == "black" -%}
                {% render 'icon-linkedin' %}
            {%- else -%}
                {% render 'image', assetName: 'Icon-sn-linkedin.png' %}
            {%- endif -%}
        </a>
    {%- endif -%}
</div>