{# Shared desktop + mobile menu markup driven by lists of dicts (see README / defaults.py). #}
{# Requires: theme_turingq_logo_href + theme_turingq_nav from html_theme_options (with defaults injected). #}
{% macro _dropdown_icon() -%}
                      <svg class="dropdown-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6.933" viewBox="0 0 12 6.933" aria-hidden="true">
                        <path d="M6,6.93333L0,0.933334L0.933334,0L6,5.06667L11.0667,0L12,0.933334L6,6.93333Z" fill="#FFFFFF" />
                      </svg>
{%- endmacro %}

{# Desktop: plain .menu-link on top-level #}
{% macro render_desktop(nav) %}
<ul class="menu">
{% for item in nav %}
  {% set has_children = item.children is defined and item.children %}
  <li class="menu-item{% if has_children %} menu-item-has-children{% endif %}">
    {% if has_children %}
    <div class="menu-item-wrapper">
      <span class="menu-link has-children">{{ item.text }}{{ _dropdown_icon() }}</span>
    </div>
    <ul class="sub-menu sub-menu-horizontal">
      {% for ch in item.children %}
      <li class="menu-item">
        <div class="menu-item-wrapper">
          <a href="{{ ch.url }}" class="menu-link"{% if ch.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ ch.text }}</a>
        </div>
      </li>
      {% endfor %}
    </ul>
    {% else %}
    <div class="menu-item-wrapper">
      <a href="{{ item.url }}" class="menu-link"{% if item.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ item.text }}</a>
    </div>
    {% endif %}
  </li>
{% endfor %}
</ul>
{% endmacro %}

{# Mobile drawer: ct-menu-link on anchors #}
{% macro render_mobile(nav) %}
<ul class="menu">
{% for item in nav %}
  {% set has_children = item.children is defined and item.children %}
  <li class="menu-item{% if has_children %} menu-item-has-children{% endif %}">
    {% if has_children %}
    <div class="menu-item-wrapper">
      <span class="menu-link ct-menu-link has-children">{{ item.text }}{{ _dropdown_icon() }}</span>
    </div>
    <ul class="sub-menu sub-menu-horizontal">
      {% for ch in item.children %}
      <li class="menu-item">
        <div class="menu-item-wrapper">
          <a href="{{ ch.url }}" class="menu-link ct-menu-link"{% if ch.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ ch.text }}</a>
        </div>
      </li>
      {% endfor %}
    </ul>
    {% else %}
    <div class="menu-item-wrapper">
      <a href="{{ item.url }}" class="menu-link ct-menu-link"{% if item.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ item.text }}</a>
    </div>
    {% endif %}
  </li>
{% endfor %}
</ul>
{% endmacro %}