{% extends '@Storefront/storefront/layout/navigation/categories.html.twig' %}
{% block layout_navigation_categories_item %}
<div class="{% if level == 0 %}{% if navigationMedia %}col-3 {% else %}col-2 {% endif %}{% endif %}navigation-flyout-col">
<div class="d-flex flex-row">
{# {{dump(treeItem.category.translated.customFields.custom_category_icon_media_color)}} #}
{% if treeItem.category.translated.customFields.custom_category_icon_media_color %}
<div style="margin-top: -3px; margin-right: 15px; border: 1px solid #f5f5f5; border-radius: 5px; height: 40px; width: 40px; background-color:{{ treeItem.category.translated.customFields.custom_category_icon_media_color }}"></div>
{% endif %}
{% block layout_navigation_categories_item_link %}
{{ parent() }}
{% endblock %}
</div>
{% block layout_navigation_categories_recoursion %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}