<a
    id="navbar-logo"
    class="navbar-brand d-flex justify-content-center align-items-center p-0"
    href="/"
>
    <?= $this->element('Icing.theme/logo') ?>
</a>

<div class="d-flex flex-nowrap">
    <!-- Navbar toggler -->
    <a
        href="javascript:"
        class="navbar-toggler px-4"
        data-bs-toggle="collapse"
        data-bs-target="#mainContentHeader"
        aria-controls="mainContentHeader"
        aria-expanded="false"
        aria-label="Toggle Header"
        onclick="setTimeout(() => document.querySelector('#mainContentHeader.show #contentHeaderSearchInput')?.focus(), 401)"
    >
        <i class="fa-solid fa-magnifying-glass fa-lg"></i>
    </a>
    <!-- Navbar toggler -->
    <a
        href="javascript:"
        class="navbar-toggler px-4"
        data-bs-toggle="collapse"
        data-bs-target="#sidenavCollapse"
        aria-controls="sidenavCollapse"
        aria-expanded="false"
        aria-label="Toggle Navigation"
    >
        <i class="fa-solid fa-bars fa-lg"></i>
    </a>

</div>
