{{--
    Modo `orbital` (ADR-036): a **mesma** navegação, apresentada como menu acionável.
    Progressive enhancement nativo (Popover API): sem JS o menu continua visível e utilizável;
    com suporte a Popover, abre ancorado ao botão, fecha com `Esc` e devolve o foco ao botão.
--}}
@php($orbitId = 'cms-orbit-nav')

<div class="cms-orbit">
    <button type="button" class="btn btn-circle btn-primary cms-orbit__trigger"
            popovertarget="{{ $orbitId }}"
            aria-label="{{ __('layout::shell.open_menu') }}">
        <x-ui::icon name="menu" />
    </button>

    <nav id="{{ $orbitId }}" class="cms-orbit__nav" popover
         aria-label="{{ __('layout::shell.cms_navigation') }}">
        @include('cms::partials.nav-items', ['variant' => 'orbital', 'menu' => $menu])
    </nav>
</div>