<div class="upper-header-area <?php echo esc_attr( get_theme_mod('home_gardening_sticky_header', false) ? 'sticky-header' : '' ); ?>">
	<div class="row m-0">
		<div class="col-lg-3 col-md-12 align-self-center px-0">
			<?php get_template_part( 'template-parts/site', 'branding' ); ?>
		</div>
		<div class="col-lg-9 col-md-12 align-self-center">
			<?php if (get_theme_mod('home_gardening_topbar_section_on_off_setting', true)) { ?>
				<div class="row top-info-area">
					<div class="col-lg-8 col-md-9 align-self-center">
						<div class="header-info">
							<?php
								$home_gardening_phone_number = get_theme_mod( 'home_gardening_phone_number', '+1234567890' );
								if ( ! empty( $home_gardening_phone_number ) ) {
								?>
								<p class="mb-0"><i class="fas fa-phone mr-2"></i> <span class="info-area mr-2"><?php esc_html_e('Call','home-gardening'); ?></span> <?php echo esc_html( $home_gardening_phone_number ); ?> </p>
							<?php } ?>
							<?php
								$home_gardening_email_address = get_theme_mod( 'home_gardening_email_address', 'info@example.com' );
								if ( ! empty( $home_gardening_email_address ) ) {
								?>
								<a href="mailto:<?php echo esc_attr( $home_gardening_email_address ); ?>"><i class="fas fa-envelope mr-2"></i> <?php echo esc_html( $home_gardening_email_address ); ?></a>
							<?php } ?>
							<?php
								$home_gardening_address = get_theme_mod( 'home_gardening_address', '6391 Eligin xyz street, LA' );
								if ( ! empty( $home_gardening_address ) ) {
								?>
								<p class="mb-0"><i class="fas fa-map-marker-alt mr-2"></i> <span class="info-area mr-2"><?php esc_html_e('Address','home-gardening'); ?></span> <?php echo esc_html( $home_gardening_address ); ?></p>
							<?php } ?>
						</div>
					</div>
					<div class="col-lg-4 col-md-3 align-self-center">
						<div class="social-inner-box text-center text-md-right py-2">
							<?php
								// Get social media URLs before checking if they are not empty
								$home_gardening_facebook_url = get_theme_mod( 'home_gardening_facebook_url', '#' );
								$home_gardening_twitter_url = get_theme_mod( 'home_gardening_twitter_url', '#' );
								$home_gardening_instagram_url = get_theme_mod( 'home_gardening_instagram_url', '#' );
								$home_gardening_youtube_url = get_theme_mod( 'home_gardening_youtube_url', '#' );
								$home_gardening_whatsapp_url = get_theme_mod( 'home_gardening_whatsapp_url', '#' );
							?>
							<?php if ( ! empty( $home_gardening_facebook_url ) ) { ?>
								<a href="<?php echo esc_url( $home_gardening_facebook_url ); ?>"><i class="fab fa-facebook-f mr-3"></i></a>
							<?php } ?>

							<?php if ( ! empty( $home_gardening_twitter_url ) ) { ?>
								<a href="<?php echo esc_url( $home_gardening_twitter_url ); ?>"><i class="fab fa-twitter mr-3"></i></a>
							<?php } ?>

							<?php if ( ! empty( $home_gardening_instagram_url ) ) { ?>
								<a href="<?php echo esc_url( $home_gardening_instagram_url ); ?>"><i class="fab fa-instagram mr-3"></i></a>
							<?php } ?>

							<?php if ( ! empty( $home_gardening_youtube_url ) ) { ?>
								<a href="<?php echo esc_url( $home_gardening_youtube_url ); ?>"><i class="fab fa-youtube mr-3"></i></a>
							<?php } ?>

							<?php if ( ! empty( $home_gardening_whatsapp_url ) ) { ?>
								<a href="<?php echo esc_url( $home_gardening_whatsapp_url ); ?>"><i class="fab fa-whatsapp"></i></a>
							<?php } ?>
						</div>
					</div>
				</div>
			<?php } ?>


			<?php 
				$home_gardening_has_header_image = has_header_image();
				$home_gardening_header_image_url = $home_gardening_has_header_image ? esc_url(get_header_image()) : '';
				$home_gardening_header_style = '';
				if ($home_gardening_has_header_image) {
					$home_gardening_header_style = sprintf(
						'background-image: url(%s); background-position: center; background-attachment: fixed; background-size: cover;',
						$home_gardening_header_image_url
					);
				}
			?>
			<div class="row" <?php if ($home_gardening_header_style) echo 'style="' . esc_attr($home_gardening_header_style) . '";'; ?>>
				<div class="col-lg-9 col-md-9 align-self-center">
					<header id="masthead" class="site-header header-one">
						<div class="bottom-header header-image-wrap">
							<div class="toggle-menu menu text-center text-md-right">
								<button onclick="home_gardening_mobile_menu_open()" class="toggle p-2"><i class="fa-solid fa-bars"></i></button>
							</div>
							<div id="responsive" class="nav side_nav">
								<nav id="top_menu" class="nav_menu" role="navigation" aria-label="<?php esc_attr_e( 'Menu', 'home-gardening' ); ?>">
									<?php
									    wp_nav_menu( array( 
											'theme_location' => 'menu-1',
											'container_class' => 'navigation clearfix' ,
											'menu_class' => 'clearfix',
											'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav m-0 px-0">%3$s</ul>',
											'fallback_cb' => 'wp_page_menu',
									    ) ); 
									?>
									<a href="javascript:void(0)" class="closebtn menu" onclick="home_gardening_mobile_menu_close()"><i class="fa-solid fa-xmark"></i></a>
								</nav>
							</div>
						</div>
					</header>
				</div>
				<div class="col-lg-3 col-md-3 align-self-center px-0">
					<div class="top-info-button">
						<?php
							$home_gardening_header_button_text = get_theme_mod( 'home_gardening_header_button_text', 'Request A Quote' );
							$home_gardening_header_button_url = get_theme_mod( 'home_gardening_header_button_url', '#' );
							if ( ! empty( $home_gardening_header_button_text ) ) {
			                 ?>
			                <a href="<?php echo esc_url( $home_gardening_header_button_url ); ?>"><?php echo esc_html( $home_gardening_header_button_text ); ?><i class="fas fa-arrow-right ml-2"></i></a>
			            <?php } ?>
			        </div>
				</div>
			</div>
		</div>
	</div>
</div>