<?php
if ( get_header_image() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="custom-header" id="custom-header" rel="home">
		<img src="<?php echo esc_url( header_image() ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>">
	</a>
<?php endif; ?>

<!--===// Start: Header
=================================-->
	<header id="header-section" class="header header-three">
		<!--===// Start: Header Above
		=================================-->
		<?php
		$leatherhouse_topbar_enabled = get_theme_mod( 'leatherhouse_topbar_enabled', false );
		if ( true === $leatherhouse_topbar_enabled ) {
			do_action( 'leatherhouse_above_header' );
		}
		?>
		<!--===// End: Header Top
		=================================-->
		<div class="navigator-wrapper">
			<!--===// Start: Mobile Toggle
			=================================-->
			<div class="theme-mobile-nav <?php echo esc_attr( leatherhouse_sticky_menu() ); ?>"> 
				<div class="<?php echo esc_attr( leatherhouse_menu_size() ); ?>">
					<div class="av-columns-area">
						<div class="av-column-12">
							<div class="theme-mobile-menu">
								<div class="mobile-logo">
									<div class="logo">
										<?php do_action( 'leatherhouse_logo_content' ); ?>
									</div>
								</div>
								<div class="menu-toggle-wrap">
									<div class="mobile-menu-right"><ul class="header-wrap-right"></ul></div>
									<div class="hamburger hamburger-menu">
										<button type="button" class="toggle-lines menu-toggle">
											<div class="top-bun"></div>
											<div class="meat"></div>
											<div class="bottom-bun"></div>
										</button>
									</div>
									<?php // if ( function_exists( 'leatherhouse_companion_activate' ) ) { ?>
										<div class="headtop-mobi">
											<button type="button" class="header-above-toggle"><span></span></button>
										</div>
									<?php // } ?>
								</div>
								<div id="mobile-m" class="mobile-menu">
									<button type="button" class="header-close-menu close-style"></button>
								</div>
								<div id="mob-h-top" class="mobi-head-top"></div>
							</div>
						</div>
					</div>
				</div>        
			</div>
			<!--===// End: Mobile Toggle
			=================================-->        

			<!--===// Start: Navigation
			=================================-->
			<div class="nav-area theme-d-none d-av-block">
				<div class="navbar-area <?php echo esc_attr( leatherhouse_sticky_menu() ); ?>">
					<div class="<?php echo esc_attr( leatherhouse_menu_size() ); ?>">
						<div class="av-columns-area">
							<div class="av-column-3 my-auto">
								<div class="logo">
									<?php do_action( 'leatherhouse_logo_content' ); ?>
								</div>
							</div>
							<div class="av-column-9 my-auto">
								<div class="theme-menu">
									<nav class="menubar">
										<?php do_action( 'leatherhouse_primary_navigation' ); ?>                            
									</nav>
									<?php
									$leatherhouse_cart_icon_enabled = get_theme_mod( 'leatherhouse_cart_icon_enabled', true );
									$leatherhouse_serche_icon_sh    = get_theme_mod( 'leatherhouse_serche_icon_sh', true );
									$leatherhouse_menu_btn_sh       = get_theme_mod( 'leatherhouse_menu_btn_sh', true );
									if ( true === $leatherhouse_cart_icon_enabled || true === $leatherhouse_serche_icon_sh || true === $leatherhouse_menu_btn_sh ) :
										?>
										<div class="menu-right">
											<ul class="header-wrap-right">
												<?php
												if ( true === $leatherhouse_cart_icon_enabled ) :
													do_action( 'leatherhouse_navigation_cart' );
													endif;
												if ( true === $leatherhouse_serche_icon_sh ) :
													do_action( 'leatherhouse_navigation_search' );
												endif;

												if ( true === $leatherhouse_menu_btn_sh ) :
													do_action( 'leatherhouse_navigation_button' );
												endif;
												?>
											</ul>
										</div>
									<?php endif; ?>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--===// End:  Navigation
			=================================-->
		</div>
		<span class="header-backside"><span><span></span></span></span>
	</header>
	<!-- End: Header
	=================================-->


<?php
if ( ! is_page_template( 'templates/template-homepage.php' ) ) {
	leatherhouse_breadcrumbs_style();
}
?>
