/*th-bought-together-css*/
section.thbt-wrapper .thbt-content{
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

section.thbt-wrapper .thbt-content .thbt-content-one{
width:66%;
display: inline-flex;
flex-wrap: wrap;
}
section.thbt-wrapper .thbt-content .thbt-content-two{
width:34%;

}

section.thbt-wrapper .thbt-content .thbt-content-one > div {
padding: 0.5rem;
width: 33.33%;

}

.thbt-product-list{
padding: 0.5rem 1rem; 
}
.thbt-wrapper.style_1 .thbt-inactive .image::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: rgb(234 234 234 / 35%);
}
.thbt-wrapper.style_1 .image{
position:relative;
margin-bottom:0;
display: flex;
}

.thbt-wrapper.style_1 .thbt-product h4,
.thbt-wrapper.style_2 .thbt-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.thbt-wrapper.style_1 .thbt-product-price,
.thbt-wrapper.style_2 .thbt-product-price
{
    font-weight: 800;
}
/* .thbt-product.thbt-inactive{
opacity:0.5;
} */

.thbt-product.thbt-inactive .image{
position:relative;
}

.thbt-product.thbt-inactive .image:after{
    content:'+';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 
    font-size:22px;
    text-align:center;
}
.thbt-product h4{
margin-bottom:0.2rem;
font-size:0.87rem;
line-height:1.2;
}

.thbt-product .image{
margin-bottom:0.7rem;
}
.thbt-product-list-add label{
    font-size: 0.89rem;
    margin-bottom: 0.5rem;
    display: block;
}

.thbt-product-list-add label input[type=checkbox]{
    margin-right:5px ;
    line-height: normal;
}
.thbt-products .total-price-wrapper{

 margin:1.5rem 0;

}
/* Checkbox styling */
section.thbt-wrapper.style_1 .product-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
section.thbt-wrapper.style_1 .thbt-product-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 0px 5px;
}

/* Product price styling */

section.thbt-wrapper.style_1 .total-content{
    font-size: 14px;
    font-weight: 600;
    color: #2f3338;
}

section.thbt-wrapper.style_1 .woocommerce-Price-amount.amount{
    font-size: 15px;
}
.thbt-products .total-price-wrapper .total-price{
font-size:1.3rem;
margin-bottom:0.5rem;
}

.thbt-products .total-price-wrapper .total-order{
font-size:0.89rem;
margin-bottom:0.5rem;
}
.thbt-add-button-form button.thbt-add-button{
margin:0.5rem 0;
letter-spacing:0.7px;
}

.woocommerce button.button.loading.thbt-add-button::after {
    font-family: WooCommerce;
    content: "\e01c";
    vertical-align: top;
    font-weight: 400;
    position:static;
    top: 0.618em;
    right: 1em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 0.5rem;
}
.thbt-add-button-form{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.variations_form .variations.thbt-variation .variation {
    width: 100%;
	display: inline-block;
    border-style: solid;
	border-width: 1px;
    border-color: #e5e5e5;
    padding:0;
    margin:0.5rem 0 0 0;
    max-width: 100%;
    border-radius: 2px;
	padding: 9px;
}
.variations.thbt-variation .variation select {
    width: 100%;
    max-width:150px;
    padding:6px;
    color: #888;
    border: 1px solid #ccc;
    font-size: 15px;
    line-height: 1.5em;
    font-size: 14px;
}

.variations.thbt-variation .reset_variations {
margin-top: 5px;
display: block;
}

.thbt-product-wrap .thbt-products .thbt-product-price span.price{
font-size:14px;
color:#111;
font-weight:normal;
}
.theme-th-shop-mania #thaps-search-button:focus,
.theme-th-shop-mania .thaps-search-autocomplete:focus,
.cat-toggle:focus{
  outline: 0!important;
}
.thbt-variation .th-variation-swatches .variable-items-wrapper{
	gap: 12px;
}

.total-price-wrapper .total-content{
display: inline-flex;
align-items: center;
}

.total-price-wrapper .total-content .total-order{
margin-right:10px;
}

.thbt-add-button-form button.thbt-add-button{
padding:12px 14px;
background:#eee;
border:1px solid #eee;
cursor:pointer;
}
.thbt-wrapper h2{
font-size: 1.4rem;
}
/**********************/
/* style 2 table */
/***********************/
section.thbt-wrapper.style_2 .thbt-content{
 flex-direction: column;
  padding:0; 
}

section.thbt-wrapper.style_2 .thbt-content .thbt-content-one{
    width:100%;  
    padding: 1rem 0;
    flex-wrap: wrap;
}

section.thbt-wrapper.style_2 .thbt-content .thbt-content .thbt-content-two{
    width:100%;
}

section.thbt-wrapper.style_2 .thbt-content .thbt-content-two .thbt-product-list{
    padding:0;
}
section.thbt-wrapper.style_2 .thbt-content .thbt-content-one > div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width:68%;
    padding: 0;
    
}
section.thbt-wrapper.style_2 .thbt-content .thbt-content-one > div.total-price-wrapper {
    width:32%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:0;
}

section.thbt-wrapper.style_2 .thbt-product{
width:19.5%;
}

section.thbt-wrapper.style_2 .thbt-product .image {
    margin-bottom: 0;
}

section.thbt-wrapper.style_2 .thbt-content .thbt-content-two {
    width:100%;
    padding:0;
}
/* Container for each product item */
section.thbt-wrapper.style_2 .thbt-product-list-add {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}


/* Label styling to ensure full clickable area */
section.thbt-wrapper.style_2 .thbt-product-list-add label {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

/* Checkbox styling */
section.thbt-wrapper.style_2 .product-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Disabled checkbox styling */
section.thbt-wrapper.style_2 section.thbt-wrapper.style_2 .product-checkbox:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Product title styling */
section.thbt-wrapper.style_2 .thbt-product-title {
    width: 80%;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 0px 10px;
}

/* Product price styling */
section.thbt-wrapper.style_2 .total-content{
    font-size: 14px;
    font-weight: 600;
    color: #2f3338;
}

section.thbt-wrapper.style_2 .total-price{
    font-weight: 800;

}

section.thbt-wrapper.style_2 .thbt-product.thbt-inactive .image:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* Vertically centers the content */
    text-align: center; /* Horizontally centers the content */
    padding: 0;
}

section.thbt-wrapper.style_2 .variations.thbt-variation,
section.thbt-wrapper.style_3 .variations.thbt-variation{
    display: inline-flex;
    align-items: center;
    
}
section.thbt-wrapper.style_2 .variations.thbt-variation .variation,
section.thbt-wrapper.style_3 .variations.thbt-variation .variation{
    outline:none!important;
    border:none!important;
}
.style_2 .thbt-plus-sign{
font-size: 1.5rem;
    color: #999;
    margin: 0rem 0.5rem;
}

.style_2 .dltprd.thbt-product.thbt-inactive{
display:block;    
}
.style_2 .dltprd.thbt-product.thbt-active.thbt-inactive{
display:none;
}
.style_2 .dltprd.thbt-product.thbt-active{
display:block;    
}
/**********************/
/* style 3 table */
/* Table Layout */
section.thbt-wrapper.style_3 .thbt-content{
    padding:0;
}

.thbt-wrapper.style_3 h2{
    margin-bottom:2rem;
}

.thbt-wrapper.style_3 table tbody>tr:nth-child(odd)>td, 
.thbt-wrapper.style_3 table tbody>tr:nth-child(odd)>th{
    background: none;
}
.thbt-wrapper.style_3 .thbt-content-table.thbt-products{
    width:100%;
}
.thbt-wrapper.style_3 .thbt-product-table {
    width: 100%;
    border-collapse: collapse;
}

.thbt-wrapper.style_3 .thbt-product-table tr {
    border-bottom: 1px solid #eee;
}

.thbt-wrapper.style_3 .thbt-product-table td {
    padding: 5px;
    vertical-align: middle;
    border:0;
    text-align: end;
}
.thbt-wrapper.style_3 .thbt-product-table tfoot tr {
    border-bottom: 0;
}
.thbt-wrapper.style_3 .thbt-add-button-form {
    display: flex;
    align-items: end;
    justify-content: end;
}
.thbt-wrapper.style_3 td.thbt-check{
   text-align:center ;
}

/* Checkbox Column */
.thbt-wrapper.style_3 .thbt-product-table .product-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Product Info */
.thbt-wrapper.style_3 .thbt-product-table label {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.thbt-wrapper.style_3 .thbt-product-table .image {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 4px;
}

.thbt-wrapper.style_3 .thbt-product-table .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Product Text Info */
.thbt-wrapper.style_3 .thbt-product-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-bottom: 4px;
    text-align: start;
}

.thbt-wrapper.style_3 .thbt-product-price {
    font-size: 14px;
    color: #777;
    font-weight:600;
}
.thbt-wrapper.style_3 .thbt-product-list {
    padding:0;
}
/* Total Row */
.thbt-wrapper.style_3 .thbt-total-wrap {
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.thbt-wrapper.style_3 .thbt-products .total-price-wrapper {
    margin:0rem;
}
.thbt-wrapper .thbt-product-price ins{
text-decoration:none;
margin-left:5px;
}
.style_3 .thbt-product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* change to 3 for 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3.6em; /* depends on line-height */
  max-width:350px;
}
/* Responsive */
@media (max-width: 768px) {
    .thbt-wrapper.style_3 .thbt-product-table label {
        flex-direction: column;
        align-items: flex-start;
    }
}