/*
Theme Name: Divi Child Theme MX
Theme URI:
Author: Rex
Author URI: mxmemoxpress.com
Description: A child theme template for Divi from DiviCoaching. Please note we provide no warranty.
Version: 1.0.0
Template: Divi
*/

/* Custom CSS below this line only - DO NOT EDIT ABOVE THIS LINE */

/*CSS for Dropdown to Label*/
.variable-options-group{
	    display: flex;
    gap: 10px;
    /*margin: 10px 0;*/
    flex-wrap: wrap;
}
.variable-label{
	    display: inline-flex;
    padding: 5px !important;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 3px;
    cursor: pointer;
    transition: none;
    box-sizing: border-box;
}
.variable-option {
  margin: 0;
}
/*
.woocommerce div.product form.cart .variations label{
	    font-size: clamp(14px,16px,18px);
    font-weight: 300!important;
}*/
.variable-label.selected{
	    background-color: #29337a;
    color: #fff!important;
}
.variable-label:hover{
	    border-color: #29337a;
}
.et_pb_wc_add_to_cart_0_tb_body.et_pb_module .et_pb_module_inner form.cart .variations tr{
	    display: grid;
    gap: 1vh;
    padding-right: 0!important;
    padding-left: 0!important;
}
.woocommerce div.product form.cart .variations td{
	    padding: 0 0 0 0 !important;
    max-width: none !important;
    line-height: 1.3em;
}
.variable-options-group{
    display: flex;
    gap: 10px;
    margin: 0;
    flex-wrap: wrap;
}


/*Product Gallery*/
@media only screen and (min-width: 980px) {

/* --- PRODUCT IMAGE GALLERY LAYOUT --- */
.woocommerce div.product div.images {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
	  width: 100%;
  height: 600px; /* Fixed height for main image */
  object-fit: contain; /* Ensures full image is visible */
  max-width: 600px; /* Optional: control the width */
  margin: 0 auto;
  
}

/* Left side thumbnails */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 400px;
    gap: 1vw;
    margin-top: 0px !important;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 80px;
  aspect-ratio: 1 / 1;
  opacity: 0.5;
  transition: opacity 0.3s ease, transform 0.2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li.flex-active {
  opacity: 1;
  transform: scale(1.05);
}

.woocommerce div.product div.images .flex-control-thumbs img {
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
}


/* Main image area */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  flex: 1;
  text-align: center;
}

.woocommerce div.product div.images img.wp-post-image {
  width: 600px;
  max-width: 100%;
  transition: transform 0.3s ease;
}
}
/*.woocommerce div.product div.images img.wp-post-image:hover {
  transform: scale(1.05);
}*/


/* --- RESPONSIVE FIXES --- */
@media screen and (min-width: 320px) and (max-width: 980px) {
	/*
  .woocommerce div.product div.images {
    flex-direction: column;
  }*/

  .woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    justify-content: space-between;
  }
}

/*Remove Zoom Button Product Gallery*/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	display: none;
}

/*Hide Caret in variation*/
.et_pb_wc_add_to_cart form.cart .variations td.value span:after{
  display: none !important;
}

/*Add to Cart Button CSS*/
.custom-add-to-cart-wrapper{
      display: flex;
    width: 100%;
    justify-content: space-around;
    gap: 30px;
}

/*CSS Quantity hide
.woocommerce div.product form.cart div.quantity{
  display: none!important;
}*/

/*CSS Add to cart flickering*/
.single_variation,
.woocommerce-variation.single_variation {
  display: none !important;
}

/*CSS Product Filter*/
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
  background-color: #fa6602 !important;
}
.irs--round .irs-handle{
border: 4px solid #fa6602 !important;
}
.irs--round .irs-bar{
  background-color: #fa6602 !important;
}
.woof_list_label li .woof_label_term:hover, .woof_list_label li .woof_label_term.checked{
      background-color: #fa6602;
    border-color: #fa6602;
    color: #fff;
}
.woof_list_label .woof_label_term{
      background-color: #efefef;
    border: 1px solid #ddd;
    border-radius: .2vw;
    margin: 3px 3px;
    padding: .2vw .5vw;
    line-height: 1em;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    min-width: 50px;
    max-width: 100%;
    height: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main-content > div > div > div > div > div.et_pb_column_0_tb_body.et_pb_column.et_flex_column_6_24.et_flex_column_24_24_phone.et_flex_column.et_pb_css_mix_blend_mode_passthrough > div > div > div > div > div.woof_container.woof_container_label.woof_container_product_brand.woof_container_6.woof_container_brands.woof_fs_product_brand > div.woof_container_inner.woof_container_inner_brands{
      padding-top: 2vw;
}