
<?php
/**
 * Template for displaying single product pages.
 *
 * @see     https://woocommerce.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 8.0.0
 */
get_header(); ?>
<div class="clearfix"></div>
<?php $image = wp_get_attachment_url( get_post_thumbnail_id($post->ID));?>

<header class="page-main-header" <?php  if (!empty($image)) : ?> style="background: url('<?php echo esc_url($image); ?>'); background-repeat: no-repeat; background-size:cover; position: relative;"<?php endif ?> >
    <div class="overlay1"></div> 
    <div class="container">
            <?php the_title( '<h1 class="ht-main-title ">', '</h1>' ); ?> 
            <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'show') : ?>
            <div class="breadcrumbbox ">
                <div class='button'>
                  <?php luzuk_lite_the_breadcrumb(); ?> </div>
                <div class="clearfix"></div>
            </div>
            <?php endif ?>
            <div class="clearfix"></div>
    </div>
    <div class="shape shape-bottom" data-negative="true">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none">
            <path class="shape-fill" d="M0 0L120 13.5344C240 27.3229 480 54.0104 720 54.201C960 54.0104 1200 27.3229 1320 13.5344L1440 0V122H1320C1200 122 960 122 720 122C480 122 240 122 120 122H0V0Z"></path>
        </svg>
    </div>
    <div class="clearfix"></div>
</header>

<div class="single-productpage">
	<?php
    // width 
    $single_c_width = get_theme_mod('single_c_width', 'container');

    if ($single_c_width === 'container') {
        $c_alignment = 'container';
    } elseif ($single_c_width === 'container-fluid') {
        $c_alignment = 'container-fluid';
    } else {
        $text_alignment = 'container'; // Default to 'container' if the setting is invalid
    }
        
?>
	<main id="innerpage-box">
		<div id="page" class="<?php echo esc_attr($single_c_width); ?>" >
			<div class="inner_contentbox" >		
				<article id="content" class="article single_inner">
					<?php do_action('woocommerce_before_main_content'); ?>
						<?php while ( have_posts() ) : the_post(); ?>
							<?php wc_get_template_part( 'content', 'single-product' ); ?>
						<?php endwhile; // end of the loop. ?>
				</article>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</main><!-- #primary -->	
</div>
<div class="clearfix"></div>

<?php get_footer(); ?>

