<header class="main-header">
		<div class="upper-header-aera py-md-2 py-3 wow fadeInDown" data-wow-delay="0.5s"> 
			<div class="container">
				<?php    
					$expert_makeup_stylist_call = get_theme_mod( 'expert_makeup_stylist_call','+123 456 789' );
					$expert_makeup_stylist_call_text = get_theme_mod( 'expert_makeup_stylist_call_text' );
				?>
				<div class="row m-0">
					<div class="col-lg-8 col-md-7 col-12 contactbox align-self-center text-center text-md-start">
						<span class="call pe-md-3">
					        <?php if( get_theme_mod( 'expert_makeup_stylist_call' ) != '+123 456 789') { ?>
					              <a class="phn" href="tel:<?php echo esc_url( get_theme_mod('expert_makeup_stylist_call','+123 456 789' )); ?>"><i class="fas fa-phone me-2"></i><?php echo esc_html( get_theme_mod('expert_makeup_stylist_call','+123 456 789')); ?></a>
					        <?php } ?>
				      	</span>
				      	<span class="email">
					        <?php if( get_theme_mod( 'expert_makeup_stylist_mail' ) != 'admin@example.com') { ?>
					              <a class="mail" href="mailto:<?php echo esc_attr( get_theme_mod('expert_makeup_stylist_mail','admin@example.com') ); ?>"><i class="fas fa-envelope-open me-2"></i><?php echo esc_html( get_theme_mod('expert_makeup_stylist_mail','admin@example.com') ); ?></a>
					        <?php } ?>
				      	</span>
				    </div>
					<div class="col-lg-2 col-md-3 col-12 text-md-end text-center align-self-center social-area mb-md-0 mb-3">
		    			<?php
							$expert_makeup_stylist_social_media_facebook = get_theme_mod('expert_makeup_stylist_social_media_facebook','#');
							$expert_makeup_stylist_social_media_twitter = get_theme_mod('expert_makeup_stylist_social_media_twitter','#');
							$expert_makeup_stylist_social_media_instagram = get_theme_mod('expert_makeup_stylist_social_media_instagram','#');
							$expert_makeup_stylist_social_media_linkedin = get_theme_mod('expert_makeup_stylist_social_media_linkedin','#');
							$expert_makeup_stylist_social_media_pinterest = get_theme_mod('expert_makeup_stylist_social_media_pinterest','#');
						?>
						<?php if( $expert_makeup_stylist_social_media_facebook != ''){?>
							<a class="me-2" href="<?php echo esc_url( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_social_media_facebook)); ?>"><i class="fab fa-facebook-f"></i></a>
						<?php }?>
						<?php if( $expert_makeup_stylist_social_media_twitter != ''){?>
							<a class="me-2" href="<?php echo esc_url( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_social_media_twitter)); ?>"><i class="fab fa-twitter"></i></a>
						<?php }?>
						<?php if( $expert_makeup_stylist_social_media_instagram != ''){?>
							<a class="me-2" href="<?php echo esc_url( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_social_media_instagram)); ?>"><i class="fab fa-instagram"></i></a>
						<?php }?>
						<?php if( $expert_makeup_stylist_social_media_pinterest != ''){?>
							<a class="me-2" href="<?php echo esc_url( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_social_media_pinterest)); ?>"><i class="fab fa-pinterest"></i></a>
						<?php }?>
						<?php if( $expert_makeup_stylist_social_media_linkedin != ''){?>
							<a class="me-2" href="<?php echo esc_url( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_social_media_linkedin)); ?>"><i class="fab fa-linkedin-in"></i></a>
						<?php }?>
					</div>
					<div class="col-lg-2 col-md-2 align-self-center mb-md-0 mb-3">
						<?php
						$expert_makeup_stylist_like_option = get_theme_mod('expert_makeup_stylist_like_option');
						?>
						<div class="header-details">
						    <p class="mb-0 pe-4">
						        <?php if (class_exists('woocommerce')): ?>
						            <?php if (is_user_logged_in()): ?>
						                <a href="<?php echo esc_url(get_permalink(get_option('woocommerce_myaccount_page_id'))); ?>"><i class="fas fa-user"></i></a>
						            <?php else: ?>
						                <a href="<?php echo esc_url(get_permalink(get_option('woocommerce_myaccount_page_id'))); ?>"><i class="far fa-user"></i></a>
						            <?php endif; ?>
						        <?php endif; ?>
						    </p>
						    <?php if ($expert_makeup_stylist_like_option != ''): ?>
						        <p class="mb-0 pe-4">
						            <a href="<?php echo esc_url(apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_like_option)); ?>"><i class="far fa-heart"></i></a>
						        </p>
						    <?php endif; ?>
						    <p class="mb-0 pe-4">
						        <?php if (class_exists('YITH_WCWL')): ?>
						            <a href="<?php echo esc_url(YITH_WCWL()->get_wishlist_url()); ?>"><i class="far fa-heart"></i></a>
						        <?php endif; ?>
						    </p>
						    <p class="mb-0">
						        <?php if (class_exists('woocommerce')): ?>
						            <a href="<?php echo esc_url(wc_get_cart_url()); ?>"><i class="fas fa-shopping-basket"></i></a>
						        <?php endif; ?>
						    </p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="<?php if( get_theme_mod( 'expert_makeup_stylist_sticky_header', '0')) { ?>sticky-header<?php } else { ?>close-sticky<?php } ?>">
			<div class="middle-header-aera py-2">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3 col-12 text-md-start text-center align-self-center mb-md-0 mb-3">
							<div class="logo">
								<?php 
								if (has_custom_logo()) {
									the_custom_logo();
								} else {
									// Check if both title and tagline settings are disabled
									$expert_makeup_stylist_tagline_enabled = get_theme_mod('expert_makeup_stylist_tagline_setting', false);
									$expert_makeup_stylist_title_enabled = get_theme_mod('expert_makeup_stylist_site_title_setting', false);

									if (!$expert_makeup_stylist_tagline_enabled && !$expert_makeup_stylist_title_enabled) {
										// Display the default logo
										$expert_makeup_stylist_default_logo_url = get_template_directory_uri() . '/assets/images/logo.png'; // Replace with your default logo path
										echo '<a href="' . esc_url(home_url('/')) . '">';
										echo '<img src="' . esc_url($expert_makeup_stylist_default_logo_url) . '" alt="' . esc_attr(get_bloginfo('name')) . '">';
										echo '</a>';
									}

									// Display tagline if the setting is enabled
									if ($expert_makeup_stylist_tagline_enabled) :
										$expert_makeup_stylist_site_desc = get_bloginfo('description'); ?>
										<p class="site-description"><?php echo esc_html($expert_makeup_stylist_site_desc); ?></p>
									<?php endif; ?>

									<?php
									// Display site title if the setting is enabled
									if ($expert_makeup_stylist_title_enabled) : ?>
										<p class="site-title">
											<a href="<?php echo esc_url(home_url('/')); ?>">
												<?php echo esc_html(get_bloginfo('name')); ?>
											</a>
										</p>
									<?php endif; ?>
								<?php } ?>
							</div>
						</div>
						<div class="col-lg-5 col-md-2 col-12 align-self-center mb-md-0 mb-3">
							<!-- Main menu -->
							<div class="navbar-menubar responsive-menu navigation_header">
								<div class="toggle-nav mobile-menu">
									<button onclick="expert_makeup_stylist_openNav()">
										<i class="fa fa-bars"></i> <!-- Initial hamburger icon -->
									</button>
								</div>
								<div id="mySidenav" class="nav sidenav">
									<nav id="site-navigation" class="main-navigation navbar navbar-expand-xl" aria-label="<?php esc_attr_e( 'Top Menu', 'expert-makeup-stylist' ); ?>">

										<?php 
											wp_nav_menu(
												array(
													'theme_location' => 'primary',
													'container_class' => 'main-menu clearfix',
													'menu_class' => 'clearfix menu',
													'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav">%3$s</ul>',
													'fallback_cb' => 'wp_page_menu',
												)
											);
										?>
										<a href="javascript:void(0)" class="closebtn mobile-menu" onclick="expert_makeup_stylist_closeNav()">
											<i class="fa fa-times"></i> <!-- Close icon for the menu -->
										</a>
									</nav>
								</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-5 col-12 text-lg-end text-center align-self-center mb-md-0 mb-3">
							<div class="searching-area">
								<?php get_search_form(); ?>
							</div>
						</div>
						<div class="col-lg-2 col-md-2 col-12 align-self-center text-center text-md-end mb-md-0 mb-3">
							<div class="header-btn">
								<?php 
								
									$expert_makeup_stylist_header_btn_text = get_theme_mod( 'expert_makeup_stylist_header_btn_text','COSMETIC ORDER' );
									$expert_makeup_stylist_header_btn_link = get_theme_mod( 'expert_makeup_stylist_header_btn_link','#' );

								if( $expert_makeup_stylist_header_btn_text != '' || $expert_makeup_stylist_header_btn_link != '' ){?>
									<a href="<?php echo esc_html( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_header_btn_link)); ?>" class="offer-text"><?php echo esc_html( apply_filters('expert_makeup_stylist_topheader', $expert_makeup_stylist_header_btn_text)); ?></a>
								<?php } ?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
</header>