{% comment %}
Small pill switcher between the two catalogue screens (Story 1.4/1.5, Task 2) — categories and
products share the same nav sub-item ("catalogue") rather than getting a nav_sub_item each.
Expected context: active ("categories" or "products").
{% endcomment %}
<div class="inline-flex items-center gap-1 bg-white border border-ink/10 rounded-lg shadow-sm p-1 mb-6">
  <a href="{% url 'ecommerce_category_list' %}"
     class="px-4 py-2 rounded-md text-[13.5px] font-semibold transition-colors {% if active == 'categories' %}bg-accent text-ink-dark{% else %}text-ink/55 hover:text-ink hover:bg-ink/5{% endif %}">
    Catégories
  </a>
  <a href="{% url 'ecommerce_product_list' %}"
     class="px-4 py-2 rounded-md text-[13.5px] font-semibold transition-colors {% if active == 'products' %}bg-accent text-ink-dark{% else %}text-ink/55 hover:text-ink hover:bg-ink/5{% endif %}">
    Produits
  </a>
</div>