{% elseif header_type == 'classic' %}
  {# CLASSIC HEADER - Traditional layout #}
  <header class="site-header classic" role="banner">
    <div class="container">
      <div class="header-content">
        <div class="header-left">
          <a href="{{ front_page }}" class="site-logo">
            {% if logo_url %}
              <img src="{{ logo_url }}" alt="{{ site_name }}" class="logo-image">
            {% else %}
              <span class="site-name">{{ site_name }}</span>
            {% endif %}
          </a>
        </div>
        <div class="header-right">
          <nav class="main-navigation">
            {% if main_menu %}
              {{ main_menu }}
            {% endif %}
          </nav>
          {% if show_user_account %}
            <a href="/user" class="header-account">Mi Cuenta</a>
          {% endif %}
          {% if show_cart %}
            <a href="/cart" class="header-cart">
              Carrito
              {% if cart_count and cart_count > 0 %}
                ({{ cart_count }})
              {% endif %}
            </a>
          {% endif %}
        </div>
      </div>
    </div>
  </header>

{% elseif header_type == 'minimal' %}
  {# MINIMAL HEADER - Clean and simple #}
  <header class="site-header minimal" role="banner">
    <div class="container">
      <div class="header-content">
        <a href="{{ front_page }}" class="site-logo">
          {% if logo_url %}
            <img src="{{ logo_url }}" alt="{{ site_name }}" class="logo-image">
          {% else %}
            {{ site_name }}
          {% endif %}
        </a>
        {% if main_menu %}
          <nav class="main-navigation">
            {{ main_menu }}
          </nav>
        {% endif %}
      </div>
    </div>
  </header>

{% elseif header_type == 'ecommerce' %}
  {# ECOMMERCE HEADER - Commerce focused #}
  {% if show_promo_bar and promo_text %}
  <div class="header-promo-bar ecommerce">
    <div class="container">
      <span class="promo-text">{{ promo_text }}</span>
    </div>
  </div>
  {% endif %}

  <header class="site-header ecommerce" role="banner">
    <div class="container">
      <div class="header-top">
        <div class="header-left">
          {% if show_locale_selector %}
            <div class="header-locale">
              <span class="currency">{{ currency|default('$ COP') }}</span>
            </div>
          {% endif %}
        </div>
        <div class="header-right">
          {% if show_user_account %}
            <a href="/user" class="header-account">Mi Cuenta</a>
          {% endif %}
          {% if show_cart %}
            <a href="/cart" class="header-cart">
              Carrito ({{ cart_count|default(0) }})
            </a>
          {% endif %}
        </div>
      </div>
      <div class="header-main">
        <a href="{{ front_page }}" class="site-logo">
          {% if logo_url %}
            <img src="{{ logo_url }}" alt="{{ site_name }}" class="logo-image">
          {% else %}
            {{ site_name }}
          {% endif %}
        </a>
        {% if show_search %}
          <div class="header-search">
            <form class="search-form" action="/search">
              <input type="search" name="q" placeholder="Buscar productos...">
              <button type="submit">Buscar</button>
            </form>
          </div>
        {% endif %}
      </div>
      <div class="header-bottom">
        {% if main_menu %}
          <nav class="main-navigation">
            {{ main_menu }}
          </nav>
        {% endif %}
      </div>
    </div>
  </header>

{% else %}
  {# DEFAULT/FALLBACK HEADER #}
  <header class="site-header" role="banner">
    <div class="container">
      <div class="header-content">
        <a href="{{ front_page }}" class="site-logo">
          {% if logo_url %}
            <img src="{{ logo_url }}" alt="{{ site_name }}" class="logo-image">
          {% else %}
            {{ site_name }}
          {% endif %}
        </a>
        {% if main_menu %}
          <nav class="main-navigation">
            {{ main_menu }}
          </nav>
        {% endif %}
      </div>
    </div>
  </header>
