@if(($headerData['enableSubmenuRow'] ?? true) && filled(data_get($headerData, 'submenuMenus')))
    <div class="site-header__sub-nav hidden md:block border-b border-white/10 bg-[#004a28]">
        <div class="max-w-7xl mx-auto px-4 md:px-6 py-2.5">
            <div class="flex flex-wrap items-center gap-4 text-xs font-semibold text-green-50/90">
                <span class="uppercase tracking-[0.18em] text-orange-300 font-black">{{ data_get($headerData, 'activePrimary.title', 'More') }}</span>
                <span class="text-white/30">|</span>
                @foreach(data_get($headerData, 'submenuMenus', []) as $item)
                    @php
                        $itemPath = trim(parse_url($item['url'] ?? '#', PHP_URL_PATH) ?? '', '/');
                        $isActive = $itemPath !== '' && $itemPath === trim(request()->path(), '/');
                    @endphp
                    <a href="{{ $item['url'] }}" target="{{ $item['target'] ?? '_self' }}" class="transition-colors {{ $isActive ? 'text-orange-300' : 'hover:text-orange-300' }}">
                        {{ $item['title'] }}
                    </a>
                @endforeach
            </div>
        </div>
    </div>
@endif