/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

.entry-header.product-listing-header { 
  padding: 5px 0px 5px 0px !important;
  background: #002366;
}
h1.entry-title {
  display: var(--page-title-display);
  text-align: center;
  color: white;
}
.entry-content {
  text-align: center;
  margin: 20px 0px 20px 1px;
}
#product_details_container .entry-thumbnail.product-image, .entry-header.product-page-header{
	display:none;
}
/* Wrapper grid */
.product-detail-wrapper { 
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;               /* space between gallery & content */
  margin: 40px auto;
  flex-wrap: nowrap;       /* prevent stacking */
  max-width: 1300px;       /* limit total width */
  padding: 0 20px;
  box-sizing: border-box;
}

/* LEFT: Gallery */
.product-gallery {
  flex: 1;
  max-width: 50%;          /* take left half */
  min-width: 350px;
}
/* Main display image container */
.product-main {
  width: 100%;
  max-width: 100%;         /* allow to scale */
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  margin-bottom: 15px;
  overflow: hidden;
}

/* Main display image */
.product-main img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    border-radius: 8px;
}
/* .product-main img { */
    /* width: 100%; */
    /* border-radius: 8px; */
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.1); */
    /* margin-bottom: 15px; */
/* } */
.product-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product-thumbnails img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.2s ease;
}
.product-thumbnails img:hover {
    border-color: #333;
}

/* RIGHT: Content */
.product-content {
  flex: 1;
  max-width: 50%;          /* take right half */
  min-width: 350px;
}
.product-title {
    font-size: 2rem;
    margin-bottom: 15px;
	text-align:justify;
}
.product-description {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
	text-align:justify;
}
.short-desc {
    background: #f8f8f8;
    padding: 12px;
    border-left: 4px solid #333;
    font-style: italic;
    border-radius: 4px;
    margin-bottom: 20px;
}
/* Parent container: flex to align buttons */
.detail-page-btns {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap; 
    gap: 10px; 
    margin-top: 35px; 
}

/* Back Button */
.btn-back {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #002366;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center; 
    display: inline-block; 
}

.btn-back:hover {
    color: #fff;
    background: #0033a0; 
    cursor: pointer;
}

/* Inquiry Button */
.btn-inquiry {
    padding: 12px 24px;
    background: #333;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease;
    display: inline-block; 
}

.btn-inquiry:hover {
    color: #fff;
    background: #555; 
    cursor: pointer;
}
div#after-product-details, div#product_details_container, div.after-product-description {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .product-detail-wrapper {
        flex-direction: column;
    }
    .product-gallery, 
    .product-content {
        width: 100%;
    }
    .product-thumbnails {
        justify-content: flex-start;
    }
}