<div class="header-container">
  <div class="main-header aurora-lite-desktop">
    <div class="logo-nav">
      <?php $aurora_lite_logo_url = aurora_lite_show_logo(); if ( $aurora_lite_logo_url ) : ?>
      <a href="<?php echo esc_url( home_url() )?>"><img src="<?php echo $aurora_lite_logo_url; ?>" alt="<?php bloginfo('name')?> logo" class="site-logo"></a>
      <?php else : ?>
      <a href="<?php echo esc_url( home_url() )?>" class="site-name-link"><?php bloginfo('name'); ?></a>
      <?php endif; ?>
      <?php
        wp_nav_menu([
          'theme_location' => 'primary',
          'container'      => 'nav',
          'container_class' => 'aurora-lite-menu aurora-lite-horizontal-menu desktop-view',
          'menu_class'      => 'menu',
          'fallback_cb'     => 'aurora_lite_menu_fallback',
          'items_wrap'      => '<ul class="%2$s" data-aurora-lite-nav="hover">%3$s</ul>'
        ]);
      ?>

      <div class="search-bar">
        <button class="search-toggle" aria-expanded="false" aria-label="<?php esc_attr_e( 'Open search', 'aurora-lite' ); ?>" data-target=".search-bar .search-form">
          <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
        </button>
        <div class="search-form-wrapper" aria-hidden="true">
          <?php get_search_form(); ?>
        </div>
      </div>
    </div>

    <div class="header-buttons">
      <?php aurora_lite_header_buttons(); ?>
    </div>
  </div>

  <div class="mobile-menu aurora-lite-mobile">
      <div class="logo-container">
        <?php $aurora_lite_logo_url = aurora_lite_show_logo(); if ( $aurora_lite_logo_url ) : ?>
      <a href="<?php echo esc_url( home_url() )?>"><img src="<?php echo $aurora_lite_logo_url; ?>" alt="<?php bloginfo('name')?> logo" class="site-logo"></a>
      <?php else : ?>
      <a href="<?php echo esc_url( home_url() )?>" class="site-name-link"><?php bloginfo('name'); ?></a>
      <?php endif; ?> 
      </div>
      <button class="aurora-lite-panel-toggle" aria-expanded="false" aria-controls="mobile-panel" data-aurora-lite-panel-toggle>
          <i class="fa-solid fa-bars" aria-hidden="true"></i>
          <span class="screen-reader-text"><?php esc_html_e('Open menu', 'aurora-lite'); ?></span>
      </button>
      <div id="mobile-panel" class="aurora-lite-menu-panel" aria-hidden="true" data-aurora-lite-panel tabindex="-1">
          <button class="aurora-lite-panel-close" aria-label="<?php esc_attr_e( 'Close menu', 'aurora-lite' ); ?>">
              <i class="fa-solid fa-xmark" aria-hidden="true"></i>
          </button>

          <div class="menu-links">
              <?php
              get_search_form();
              $menu_location = has_nav_menu('mobile') ? 'mobile' : 'primary';
              wp_nav_menu([
                  'theme_location' => $menu_location,
                  'container'      => 'nav',
                  'container_class' => 'aurora-lite-menu aurora-lite-vertical-menu',
                  'menu_class'      => 'menu',
                  'fallback_cb'     => false,
                  'items_wrap'      => '<ul class="%2$s" data-aurora-lite-nav="accordion">%3$s</ul>'
              ]);

              aurora_lite_header_buttons(); ?>
          </div>            
      </div>
  </div>
</div>