/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.woocommerce ul.products li.product{
    background-color: #f5f5f5; 
    border-radius: 6px; 
    padding: 20px 10px; 
    text-align: center!important;
}
.woocommerce-product-gallery__image{
    background-color: #f5f5f5; 
    border-radius: 6px; 
}
.woocommerce ul.products li.product .mfn-li-product-row-image{
    margin-bottom: 20px!important;
    width: 100%; 
}

.woocommerce ul.products li.product a img, 
.woocommerce-product-gallery__image a img{
    object-fit: contain;
    aspect-ratio: 1;
    mix-blend-mode: darken;
}

.woocommerce ul.products li.product a img{
    aspect-ratio: 1.2;
}

.woocommerce-product-gallery__image a img{
    padding: 20px; 
}

.woocommerce div.product div.images .flex-control-thumbs li{
    border: 0px solid #000!important; 
    border-radius: 3px!important; 
    width: calc(25% - 7.5px)!important;
    background-color: #f5f5f5;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    opacity: 0.25;
    mix-blend-mode: darken;
}

.woocommerce ul.products.mfn-equal-heights li.product .desc{
    align-items: center!important;
    padding: 0px!important;

}

.woocommerce ul.products.mfn-equal-heights li.product .desc h6{
    font-size: 16px; 
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.woocommerce ul.products.mfn-equal-heights li.product .price{
        color: #000000;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
}

.mcb-item-sidebar_widget-inner{ 
    overflow: visible;
}

.aws-container .aws-search-field{
   font-family: 'Poppins', sans-serif;
   font-size: 15px; 
   padding-left: 15px; 
}

.widget_block, 
.widget_brand_nav{ 
    max-width: 360px; 
}

ul.wc-brand-list-layered-nav-product_brand{
  display: flex; 
  flex-wrap: wrap; 
  gap: 5px; 
}

li.wc-layered-nav-term{
    position: relative; 
    border: 1px solid #000!important;  
    padding: 4px 10px; 
    border-radius: 3px; 
} 
li.wc-layered-nav-term.chosen{
    background-color: #000; 
    color: #fff; 
}
li.wc-layered-nav-term.chosen a{
    color: #fff; 
}

li.wc-layered-nav-term a{
    font-weight: 400; 
}
li.wc-layered-nav-term a:before{
    content: '';
    position: absolute; 
    width: 100%;
    height: 100%; 
    top: 0px; 
    left: 0px; 
} 
.mcb-section .mcb-wrap .mcb-item-a1883dded .shop-filters .woocommerce-ordering select{
    border: 0px solid #000; 
}

/* Cart styling */
.mfn-checkout-steps li:not(:last-child):after{ top: 20px; }
/* --- General Cart Table Layout --- */
.woocommerce table.shop_table {
    border: none; /* Removes the default outer border */
    border-collapse: separate; /* Allows for spacing between cells */
    border-spacing: 0 20px; /* Adds vertical spacing between products */
    width: 100%; 
}

.woocommerce table.shop_table thead {
    display: none; /* Hides the repetitive table headers like "Product", "Price", etc. */
}

.woocommerce table.shop_table tbody tr {
    background-color: #f9f9f9; /* Light background for each product row */
    border-radius: 8px; /* Adds rounded corners to rows */
    border: 0px solid #ddd;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.075);
    margin-bottom: 20px; 
}

.woocommerce table.shop_table td {
    border-top: none !important; /* Removes default lines within the row */
    padding: 20px 15px!important; /* Increases padding for more space */
    vertical-align: middle !important; 
    text-decoration: none!important;
    border: 0px solid #fff!important;
}
.woocommerce table.shop_table th{ border: 0px solid #000; } 

body.archive .feature_list ul{
    display: flex; 
    flex-direction: column; 
}

body.archive .feature_list ul li{
    width: 100%; 
}

.woocommerce table.shop_table td.actions .coupon .input-text{
    font-weight: 400; 
    text-transform: initial;
    letter-spacing: 0px; 
    font-size: 15px; 
}

/* Inboeken styling */
.ywbc-shortcode-form {
    width: 100%!important; 
}

.select-store-id-container{ display: none; }

.ywbc-shortcode-text-input   { display: inline-block!important; }
.ywbc-stock-manage-container { justify-content: center; }
table.ywbc-shortcode-table   { margin: 2em auto!important; max-width: 1300px; }
.ywbc-shortcode-form-title,
.ywbc-shortcode-form-label{
    margin-left: 0px; 
    text-align: center; 
}



@media screen and (max-width: 768px){
    .woocommerce table.shop_table td {
        padding: 15px!important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
    }
    .woocommerce table.shop_table td.product-name a{
        font-size: 15px; 
        padding-left: 10px; 
        font-weight: 400; 
    }
    .woocommerce table.shop_table td.product-quantity .quantity{
        width: 120px; 
    }
    .woocommerce table.shop_table td.product-quantity .quantity .qty{
        padding: 8px 20px!important;
    }
    .woocommerce table.shop_table td:last-of-type{
        border-bottom: 0px solid rgba(0, 0, 0, 0.1)!important;
    }
    .mfn-woo-filters-wrapper.shop-filters{
        margin-bottom: 0px; 
    }
    body.archive .feature_list ul li{
        display: flex; 
        align-items: center; 
        padding: 0px;
        height: 54px!important;
    }
    body.archive .feature_list ul li:last-of-type{
        border-bottom: 0px solid #000; 
    }
    body.archive .feature_list ul li .icon{
        display: flex; 
        height: 54px;
        width: 36px; 
        align-items: center; 
        justify-content: center;
    }
    body.archive .feature_list ul li p{
        display: flex;
        line-height: 19px;  
        height: 54px;
        align-items: center; 
        margin: 0px; 
        padding: 0px; 
    }
}

.woocommerce table.shop_table td a{
   text-decoration: none; 
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img{
    aspect-ratio: 1; 
    object-fit: contain;
    mix-blend-mode: darken; 
}
.woocommerce table.shop_table td.product-thumbnail {
   max-width: 124px;
   width: 124px;
   padding-right: 0px!important; 
}

.woocommerce table.shop_table td.product-price {
   display: none; 
}

.woocommerce table.shop_table td.product-name .variation dt{ width: auto; }

dl > dt, dl > dd{ 
    padding: 0px; 
    border-width: 0px!important; 
}

.shop-filters .woocommerce-ordering select{
    width: 220px; 
    background-color: #ffffff!important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14.8"><polygon points="21.2 0 12 9.2 2.8 0 0 2.8 12 14.8 24 2.8 " fill="%23000"/></svg>')!important;
    background-position: calc(100% - 10px) center!important;
    background-repeat: no-repeat!important;
    background-size: 12px 7px!important;
    padding: 3px 36px 3px 12px!important; 
}

/* Filter button styling. */
.clothingstore2-table td { border: none; text-align: left; width: 50%; } 

.column_sidebar_widget .widget { margin-bottom: 0px; padding-bottom: 0px; } 

.mobile-filter-toggle-button { display: none; } 

.woocommerce .column_product_related ul.products{
    display: flex; 
    flex-wrap: wrap; 
}


/* Mobile Styles - Media Query for screens below 767px */ 
@media screen and (max-width: 767px) { 
    .shop-container { flex-direction: column; } 
    .mcb-wrap.mcb-wrap-826e89805 { overflow: hidden; max-height: 0; opacity: 0; padding: 0 !important; /* Use !important to override inline styles if necessary */ margin: 0 !important; transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease-in-out, margin 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
    .mcb-wrap.mcb-wrap-826e89805.is-open { max-height: 2500px; /* A large value to ensure all filter content fits */ opacity: 1; margin-top: 1rem !important; } 
    .mobile-filter-toggle-button { 
        display: flex;
        justify-content: space-between; 
        z-index: 4; 
        width: 100%; 
        max-width: 480px;
        padding: 10px 20px; 
        font-size: 18px; 
        font-weight: 500; 
        color: #000; 
        border: 1px solid #000; 
        background-color: transparent; 
        margin-top: 20px; 
        cursor: pointer; 
        text-align: left; 
        transition: background-color 0.2s ease; 
    }  
    .mobile-filter-toggle-button .arrow { 
        display: inline-block; 
        margin-left: 8px; 
        transition: transform 0.3s ease;
        width: 10px; 
        height: 10px;
        margin-top: -3px;  
        border-right: 1px solid #000; 
        border-bottom: 1px solid #000; 
        transform: rotate(45deg);
    } 
    .mobile-filter-toggle-button:hover {
        background-color: #000; 
        color: #fff; 
    }
    .mobile-filter-toggle-button:hover .arrow{
        border-right: 1px solid #fff; 
        border-bottom: 1px solid #fff; 
    }
    .mobile-filter-toggle-button.is-open .arrow { 
        transform: rotate(225deg) translateX(-2px) translateY(-5px); 
    }
    .mcb-section .mcb-wrap .mcb-item-v8qk0q7y .breadcrumbs{
        gap: 5px; 
        row-gap: 0px; 
    }
    .mcb-section .mcb-wrap .mcb-item-v8qk0q7y .breadcrumbs *{ font-size: 14px; }
    .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb{
        line-height: 1.5;
    }
    .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb a{
        margin: 0px 0px; 
    } 
    .woocommerce .mfn-variations-wrapper .mfn-vr{
        flex-direction: column; 
        align-items: flex-start;
    }
} 

@media only screen and (max-width: 767px){
    .mfn-footer-tmpl .mcb-section:not(.full-width){
       padding-left: 20px; 
       padding-right: 20px; 
    }
}

/* CART styling */
.woocommerce-cart ul.breadcrumbs,
.woocommerce-checkout ul.breadcrumbs{ display: none!important; }
@media only screen and (max-width: 767px){
    .woocommerce-cart #Subheader{
        padding: 120px 0px 20px; 
    }
}

/* Checkout styling */
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #customer_details{ 
    flex-basis: calc(55% - 60px);
    max-width: calc(55% - 60px); 
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review{
    flex-basis: 45%;
    max-width: 45%;
    margin-left: 59px; 
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review td.product-name{
    width: auto;  
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review td.product-total{
    width: 90px;
    max-width: 90px;  
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot{
    display: flex;
    width: calc(100% + 90px); 
    flex-direction: column;  
    margin-top: 0px;  
    padding: 0px 0px;
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot tr{
    display: flex; 
    width: 100%; 
    justify-content: space-between; 
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot tr:last-of-type{
    border-bottom: 0px solid #000;
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot th, 
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot td {
    padding: 12px 0px!important;
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot th{
    width: 90px;
    max-width: 90px; 
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review tfoot td{
    width: calc(100% - 90px); 
    padding-right: 2px!important; 
}

.woocommerce-privacy-policy-text p{
    font-size: 14px; 
    line-height: 18px; 
    margin: 26px 0px 10px 0px; 
}

.woocommerce-checkout .select2{ display: none; }

.woocommerce-terms-and-conditions-wrapper label{
    font-size: 15px; 
   line-height: 1!important; 
}

.woocommerce-terms-and-conditions-wrapper a{
    text-decoration: underline; 
}
.woocommerce-terms-and-conditions-wrapper .form-row{
    margin: 30px 0px 30px 0px!important; 
}

@media only screen and (max-width: 767px){
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #customer_details{ 
    flex-basis: 100%;
    max-width: 100%; 
}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review{
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0px; 
}
.woocommerce .woocommerce-checkout-review-order{
    padding: 30px 20px; 
 }
}
.woocommerce-additional-fields{
    margin-top: 40px; 
}
.woocommerce table.woocommerce-checkout-review-order-table{
    border-spacing: 0px; 
}
.woocommerce table.woocommerce-checkout-review-order-table tbody tr{
   margin-bottom: 0px; 
   box-shadow: none;
}
.woocommerce table.woocommerce-checkout-review-order-table tbody tr td{
   padding: 12px 0px!important; 
   border-bottom: 1px solid rgba(0, 0, 0, .1)!important;
}
.woocommerce table.woocommerce-checkout-review-order-table tbody tr td:last-of-type{
   border-bottom: 1px solid rgba(0, 0, 0, .1)!important;
}
.woocommerce table.woocommerce-checkout-review-order-table tbody tr td.product-name{
   font-size: 15px; 
   font-weight: 500; 
}

.woocommerce-account-fields{
    margin-top: 10px; 
}

.woocommerce-account #Content{
    padding: 0px 20px; 
    box-sizing: border-box;
}