/*
Theme Name: Metal Line
Description: WordPress thema voor de webshop metal-line.nl
Author: Insomedia
Template: hello-elementor
Version: 1.0.0
*/

html, body {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: #000;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.home .breadcrumbs-container { display: none; }

.aws-container .aws-search-field { font-size: 14px; padding-left: 20px; border-radius: 50px 0 0 50px !important; border-right: 0; }
.aws-container .aws-search-field:focus { border-color: #d8d8d8; }
.aws-container .aws-search-form .aws-form-btn { background: #fff; border-left: 0; border-radius: 0 50px 50px 0 !important; }
.aws-container .aws-search-form .aws-form-btn:hover { background: #fff; }
.aws-container .aws-search-form .aws-search-btn { width: 60px; }

.woocommerce__content { padding-left: 10px; padding-right: 10px; }
.woocommerce__content.w-sidebar { width: 76%; float: right; }
.woocommerce__sidebar { width: 24%; padding-left: 10px; padding-right: 10px; float: left; }

.woocommerce__sidebar .filter-button { display: none !important; width: 100%; background-color: var( --e-global-color-primary ) !important; color: #fff !important; margin: 20px 0 !important; }
.woocommerce__sidebar .filter-button span { width: 16px; height: 16px; display: inline-table; margin-right: 10px; }
.woocommerce__sidebar .filter-button span img { width: 100%; height: 100%; object-fit: contain; }


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 30%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 68%;
}

/* Product Grid #F3F4F8 */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border: 1px #CED0D8 solid; margin-bottom: 20px; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 1.2em; }
.woocommerce ul.products li.product .woocommerce-loop-category__title .count { display: none; }

.category-grid__thumbnail { aspect-ratio: 1 / 1; width: 100%; background-color: #fff; overflow: hidden; position: relative; }
.woocommerce ul.products li.product a .category-grid__thumbnail img { margin-bottom: 0; }
.category-grid__title { padding: 10px 15px; }


.woocommerce .products ul, .woocommerce ul.products { display: flex; flex-wrap: wrap; }
.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: flex; flex-direction: column; height: 100%; }
.woocommerce ul.products li.product a img { margin-bottom: 0; object-fit: contain; height: 100%; }
.woocommerce ul.products li.product .product-grid__image { width: 100%; height: 244px; display: table; }
.woocommerce ul.products li.product .product-grid__image img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 1 / 1; }
.woocommerce ul.products li.product .product-grid__title { padding: 10px 15px 20px 15px; flex-grow: 1; }
.woocommerce ul.products li.product .product-grid__price { padding: 0 15px 10px 15px; font-size: 20px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; }
.woocommerce ul.products li.product .price { margin-bottom: 0; margin-top: 10px; }
.woocommerce ul.products li.product .product-grid__image img { padding-top: 0 !important; }

.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: 600; }
.woocommerce ul.products li.product .price del { display: block; }

/* Product Page */
.woocommerce div.product { padding: 25px 0; }

.woocommerce div.product .product_title { font-size: 2rem; }

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; font-weight: 600; }

.woocommerce-product-details__short-description { margin-bottom: 20px; }
.woocommerce div.product form.cart { margin-bottom: 20px; }
.woocommerce div.product form.cart div.quantity { margin-right: 10px; }
.woocommerce div.product form.cart .button { background-color: #20CB45; }

.woocommerce .quantity .qty { width: 4.5em; padding: 0.3rem 0.5rem; }

.product-attributes { margin-top: 40px; width: 100%; display: table; }
.product-attributes h2 { font-size: 1.4rem; }

table td, table th { border: 0; }
.woocommerce table.shop_attributes th { text-align: left; width: 200px; }
.woocommerce table.shop_attributes td { font-style: normal; }
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th { background-color: #fff; }

.single-product .related.products { width: 100%; display: table; }
.single-product .related.products h3 { margin-bottom: 25px; }

.product_meta { color: rgba(0,0,0,0.5);  }

.product-login-link { color: #029ADD; font-size: 14px; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: #029ADD; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: #029ADD; }

.loop-stock { display: table; position: absolute; right: 15px; bottom: 15px; }
.loop-stock p { margin-bottom: 0; font-size: 14px; font-weight: 600; }
.loop-stock p span { font-weight: 400; display: block; text-align: right; font-size: 12px; }

/* Cart / Checkout */
.wp-block-woocommerce-checkout { padding-top: 0 !important; }

.wc-block-components-product-metadata__description { display: none !important; }

.bapf_sfilter .bapf_head h3 { font-size: 22px; }
.bapf_show_hide { margin-top: 10px; display: table; }

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    background-color: #20CB45;
    padding: 0.75em 1em;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #16a636;
}

.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
    font-size: 1.25em;
}

.wc-block-components-checkout-place-order-button {  background-color: #20CB45; border: 0; color: #fff; font-size: 1.25em; font-weight: 600; }
.wc-block-components-checkout-place-order-button:hover {  background-color: #16a636; }

/** Filters **/

/* Filter met meer dan 5 items */
.has-more-than-five .bapf_body {
    max-height: 221px;
    overflow-y: auto;
    padding-right: 8px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #029add transparent;
}

/* Chrome, Edge, Safari */
.has-more-than-five .bapf_body::-webkit-scrollbar {
    width: 5px;
}

.has-more-than-five .bapf_body::-webkit-scrollbar-track {
    background: transparent;
}

.has-more-than-five .bapf_body::-webkit-scrollbar-thumb {
    background: #029add;
    border-radius: 10px;
}

.has-more-than-five .bapf_body::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.wc-block-checkout__shipping-option .wc-block-checkout__shipping-option--free { display: none; }

.woocommerce-account .woocommerce-MyAccount-navigation ul { background: #f4f4f4; margin: 0; padding: 20px; list-style: none; }

.woocommerce-loop-category__title, .woocommerce ul.products li.product h3 { color: #029ADD !important; }
.woocommerce-loop-category__title { text-align: center; }

.woocommerce ul.products li.product .product-login-link { font-size: 13px; line-height: 18px; }

@media (max-width: 1200px) {

    .woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }

    .woocommerce .products ul, .woocommerce ul.products {
        gap: 30px;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: calc(33.3333% - 20px);
        margin: 0;
    }

    .woocommerce__sidebar { width: 100%; }
    .woocommerce__sidebar #secondary { display: none; }
    .woocommerce__content.w-sidebar { width: 100%; }

    .woocommerce__sidebar .filter-button { display: table !important; width: 100%; }

}

@media (max-width: 992px) {


    .woocommerce .products ul, .woocommerce ul.products {
        gap: 10px;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: calc(50% - 5px);
        margin: 0;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
        font-size: 1em;
    }

}


@media (max-width: 767px) {

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100%;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
    }

}