{#
  Overrides furo's page.html for two things, to bring this site closer to
  the look of the Digital World JS SDK's Starlight-based doc site
  (sdks/finance/digital-world-js-sdk):

  1. A full-width top bar (site title + centered search + theme toggle),
     matching Starlight's header, in place of Furo's default sidebar-embedded
     brand/search. Only shown at the desktop breakpoint (63em) where Furo's
     sidebar is a persistent column rather than a slide-out drawer — below
     that, Furo's own `mobile-header` (with the same brand/search/toggle)
     already covers small screens, so we leave it alone.
  2. Drop the "Made with Sphinx and @pradyunsg's Furo" attribution line from
     the footer (kept: copyright notice and prev/next page navigation).
#}
{% extends "!page.html" %}

{% block body %}
<header class="dw-topbar">
  <div class="dw-topbar-brand-group">
    <a class="dw-topbar-hub-link" href="https://docs.digitalworld.earth">&larr; Docs Hub</a>
    <a class="dw-topbar-brand" href="{{ pathto(master_doc) }}">{{ docstitle if docstitle else project }}</a>
  </div>
  <form class="dw-topbar-search" method="get" action="{{ pathto('search') }}" role="search">
    <input type="text" name="q" placeholder="{{ _('Search') }}" aria-label="{{ _('Search') }}">
  </form>
  <div class="theme-toggle-container dw-topbar-toggle">
    <button class="theme-toggle" aria-label="Toggle Light / Dark / Auto color theme">
      <svg class="theme-icon-when-auto-light"><use href="#svg-sun-with-moon"></use></svg>
      <svg class="theme-icon-when-auto-dark"><use href="#svg-moon-with-sun"></use></svg>
      <svg class="theme-icon-when-dark"><use href="#svg-moon"></use></svg>
      <svg class="theme-icon-when-light"><use href="#svg-sun"></use></svg>
    </button>
    <span class="dw-topbar-toggle-label"></span>
  </div>
</header>
{{ super() }}
{% endblock body %}

{% block footer %}
<div class="related-pages">
  {% if next -%}
    <a class="next-page" href="{{ next.link }}">
      <div class="page-info">
        <div class="context">
          <span>{{ _("Next") }}</span>
        </div>
        <div class="title">{{ next.title }}</div>
      </div>
      <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
    </a>
  {%- endif %}
  {% if prev -%}
    <a class="prev-page" href="{{ prev.link }}">
      <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
      <div class="page-info">
        <div class="context">
          <span>{{ _("Previous") }}</span>
        </div>
        {% if prev.link == pathto(master_doc) %}
        <div class="title">{{ _("Home") }}</div>
        {% else %}
        <div class="title">{{ prev.title }}</div>
        {% endif %}
      </div>
    </a>
  {%- endif %}
</div>
<div class="bottom-of-page">
  <div class="left-details">
    {%- if show_copyright %}
    <div class="copyright">
      {%- if hasdoc('copyright') %}
        {% trans path=pathto('copyright'), copyright=copyright|e -%}
          <a href="{{ path }}">Copyright</a> &#169; {{ copyright }}
        {%- endtrans %}
      {%- else %}
        {% trans copyright=copyright|e -%}
          Copyright &#169; {{ copyright }}
        {%- endtrans %}
      {%- endif %}
    </div>
    {%- endif %}
    {%- if last_updated -%}
    <div class="last-updated">
      {% trans last_updated=last_updated|e -%}
        Last updated on {{ last_updated }}
      {%- endtrans -%}
    </div>
    {%- endif %}
  </div>
  <div class="right-details">
    {% if theme_footer_icons -%}
    <div class="icons">
      {% for icon_dict in theme_footer_icons -%}
      <a class="muted-link {{ icon_dict.class }}" href="{{ icon_dict.url }}" aria-label="{{ icon_dict.name }}">
        {{- icon_dict.html -}}
      </a>
      {% endfor %}
    </div>
    {%- endif %}
  </div>
</div>
{% endblock footer %}