/* 
 Theme Name:   Timburn
 Theme URI:    
 Description:  Child theme of Hello Biz
 Author:       zealth
 Author URI:   
 Template:     hello-biz
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

.sub-menu li.sale {
	background-color:#bc351b;
}
/*-------------------------------
Elementor Text Editor
---------------------------------*/
.elementor-widget-text-editor p:last-child { 
  margin-bottom: 0px; 
}

/*-------------------------------
Link Colors
---------------------------------*/
/* Normal link color */
a { 
  color: #BC351B; 
}

/* Hover link color */
a:hover { 
  color: #ED674D; 
}

/*-------------------------------
WooCommerce Buttons - Global
---------------------------------*/
/* Base button styles - remove width forcing */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce #content input.button, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button {
  background-color: #BC351B !important;
  color: #ffffff !important;
  border: none !important;
  text-transform: uppercase;
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding: 16px 28px;
  border-radius: 4px;
  display: inline-flex !important; /* use inline-flex to allow natural width */
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Hover state for all buttons */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce #content input.button:hover, 
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover {
  background-color: #ED674D !important;
  border-color: #ED674D !important;
  color: #ffffff !important;
}

/*-------------------------------
All Products Page
---------------------------------*/
/* Product grid container */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr); /* Desktop */
  gap: 30px;
  justify-content: start !important;
  margin-top: 100px;
}

/* Responsive product grid */
@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr); /* Tablet */
  }
}

@media (max-width: 767px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr); /* Mobile */
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr; /* Small mobile */
  }
}

/* Individual product in grid */
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: auto !important;
  overflow: visible !important;
}

/* Product image */
.woocommerce ul.products li.product img.wp-post-image,
.woocommerce div.product img.wp-post-image,
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: none !important;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.3em !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #ED674D;
}

/* Price styling */
.woocommerce ul.products li.product .price {
  color: #000;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 16px;
  margin-bottom: 15px !important;
}

/* Add to cart button alignment */
.woocommerce ul.products li.product .button {
  margin-top: auto !important;
}

/*-------------------------------
Individual Product Page
---------------------------------*/
/* Product page title */
.woocommerce-page div.product .product_title {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 700; 
  font-size: 46px;
  color: #333333; 
  margin-bottom: 24px;
}

/* H2 headings */
.woocommerce-page div.product h2 {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 16px;
}

/* Breadcrumbs */
.woocommerce-page .woocommerce-breadcrumb {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 400; 
  font-size: 16px;
  color: #333333;  
  margin-bottom: 16px;
}

/* Product price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  margin-bottom: 24px;
}

/* Body / paragraph text */
.woocommerce-page div.product, 
.woocommerce-page div.product p,
.woocommerce-page div.product li {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 400;   
  font-size: 16px;    
  color: #333333;   
  line-height: 1.6;
}

/* Quantity input */
.woocommerce-page .quantity input.qty {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 600;
  font-size: 18px;
  height: 58px;
  line-height: 1.2;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid;
}

/* Cart form spacing */
.woocommerce-page div.product form.cart {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/*-------------------------------
Shop / General WooCommerce Page
---------------------------------*/
/* Page padding */
.woocommerce-page .content-area {
  padding-top: 70px;
}

/* Page title */
.woocommerce-page .page-title {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 700;  
  font-size: 46px;
}

/* Result count text */
.woocommerce-page .woocommerce-result-count {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 400;       
  font-size: 16px;
  margin-top: 10px;
}

/* Sorting dropdown */
.woocommerce-page .woocommerce-ordering select {
  font-family: 'Lexend Deca', sans-serif;
}

/*-------------------------------
Cart Page - Empty Cart Notice Styling
---------------------------------*/
.woocommerce-cart .woocommerce-info {
  border-color: #BC351B !important;     
}

.woocommerce-cart .woocommerce-info::before {
  color: #BC351B !important;       
}

    .woocommerce-breadcrumb {
        display: none !important;
    }

/*-------------------------------
Final Notes
---------------------------------*/
/* All product buttons now uniform and vertically aligned on all pages. */
/* Responsive grids applied to main products, related products, and upsells. */

section.related.products ul.products li{
	width:100% !important;
}
section.related.products ul.products::before{
	display:none;
}