{{- /* header.html — sticky site header: logo (brand name from data), primary nav,
       language switcher and a desktop affiliate CTA.

       The region/compliance data layer (age/RG/currency/payment filtering) is
       applied headlessly by locale-switcher.html — it no longer renders a visible
       selector, but its script must still run on every page. */ -}}
<header class="sticky top-0 z-40 border-b border-secondary/10 bg-white/95 backdrop-blur">
  <div class="site-container flex h-16 items-center gap-3 md:gap-4">
    <a href="{{ "/" | relURL }}" class="flex shrink-0 items-center gap-2 no-underline" aria-label="{{ .Site.Data.brand.name }} home">
      {{ partial "responsive-image.html" (dict
          "src" .Site.Data.brand.logoPath
          "alt" (printf "%s logo" .Site.Data.brand.name)
          "class" "h-9 w-9"
          "loading" "eager") }}
      <span class="text-lg font-extrabold tracking-tight text-secondary">{{ .Site.Data.brand.name }}</span>
    </a>

    {{ partial "nav.html" . }}

    <div class="ml-auto flex shrink-0 items-center gap-2">
      {{ if gt (len site.Languages) 1 }}{{ partial "language-switcher.html" . }}{{ end }}
      <span class="hidden sm:inline-flex">
        {{ partial "cta-button.html" (dict "page" . "text" (i18n "playNow")) }}
      </span>
    </div>
  </div>
  {{ partial "locale-switcher.html" . }}
</header>