{# Fleet-wide footer — three-column footer (ATLAS contact / Follow Us / CERN
   contact) with the copyright line centered underneath. Based on the stock
   zensical partials/footer.html; only the md-footer-meta block differs.
   Promoted from atlas-docs-portal's local override; the bottom_logos SVGs
   now ship with the theme package instead of living in portal's own
   docs/assets/, so every site gets them for free. #}

<footer class="md-footer">
  {% if "navigation.footer" in features %}
    {% if page.previous_page or page.next_page %}
      {% if page.meta and page.meta.hide %}
        {% set hidden = "hidden" if "footer" in page.meta.hide %}
      {% endif %}
      <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer') }}" {{ hidden }}>
        {% if page.previous_page %}
          {% set direction = lang.t("footer.previous") %}
          <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" aria-label="{{ direction }}: {{ page.previous_page.title | e }}">
            <div class="md-footer__button md-icon">
              {% set icon = config.theme.icon.previous or "material/arrow-left" %}
              {% include ".icons/" ~ icon ~ ".svg" %}
            </div>
            <div class="md-footer__title">
              <span class="md-footer__direction">
                {{ direction }}
              </span>
              <div class="md-ellipsis">
                {{ page.previous_page.title }}
              </div>
            </div>
          </a>
        {% endif %}
        {% if page.next_page %}
          {% set direction = lang.t("footer.next") %}
          <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" aria-label="{{ direction }}: {{ page.next_page.title | e }}">
            <div class="md-footer__title">
              <span class="md-footer__direction">
                {{ direction }}
              </span>
              <div class="md-ellipsis">
                {{ page.next_page.title }}
              </div>
            </div>
            <div class="md-footer__button md-icon">
              {% set icon = config.theme.icon.next or "material/arrow-right" %}
              {% include ".icons/" ~ icon ~ ".svg" %}
            </div>
          </a>
        {% endif %}
      </nav>
    {% endif %}
  {% endif %}

  <div class="md-footer-meta md-typeset atlas-footer">
    <div class="atlas-footer__columns md-grid">

      <div class="atlas-footer__col atlas-footer__col--atlas">
        <img src="{{ 'assets/images/bottom_logos/atlas_logo.svg' | url }}" alt="ATLAS Experiment" class="atlas-footer__logo atlas-footer__logo--light">
        <img src="{{ 'assets/images/bottom_logos/atlas_logo_white.svg' | url }}" alt="ATLAS Experiment" class="atlas-footer__logo atlas-footer__logo--dark">
        <div class="atlas-footer__address">
          <strong>Contact</strong><br>
          ATLAS Experiment<br>
          CERN<br>
          CH-1211 Geneva 23<br>
          Switzerland<br>
          <a href="mailto:atlas-web-navigator@cern.ch">atlas-web-navigator@cern.ch</a>
        </div>
      </div>

      <div class="atlas-footer__col atlas-footer__col--follow">
        <strong>Follow Us</strong>
        {% include "partials/social.html" %}
      </div>

      <div class="atlas-footer__col atlas-footer__col--cern">
        <img src="{{ 'assets/images/bottom_logos/cern_logo.svg' | url }}" alt="CERN" class="atlas-footer__logo atlas-footer__logo--light">
        <img src="{{ 'assets/images/bottom_logos/cern_logo_white.svg' | url }}" alt="CERN" class="atlas-footer__logo atlas-footer__logo--dark">
        <div class="atlas-footer__address">
          CERN<br>
          Esplanade des Particules 1<br>
          P.O. Box<br>
          1211 Geneva 23<br>
          Switzerland
        </div>
      </div>

    </div>

    <div class="atlas-footer__copyright">
      {% include "partials/copyright.html" %}
    </div>
  </div>
</footer>