/*
Theme name: Child Thema
Description: Child theme voor de website van Bouwmeester
Template: hello-elementor
*/

body { color: var(--e-global-color-text); }

.elementor-widget-search .e-search-form { max-width: 500px; margin: 0 auto; }
.elementor-widget-search .e-search-input { height: auto; }

/* Product page */
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins { text-decoration: none; }
.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: var(--e-global-color-primary); }

.woocommerce div.product p.price { margin-bottom: 0; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 500; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; }

.woocommerce .product table { font-size: inherit; font-family: var(--e-global-typography-text-font-family), Sans-serif; }
.woocommerce .product table.shop_attributes { border-top: 0; }
.woocommerce .product table.shop_attributes th { width: 50%; }
.woocommerce .product table td, .woocommerce .product table th { border: 0; border-bottom: 1px #ccc solid; text-align: left; padding-left: 0; padding-right: 0; font-weight: normal; }
.woocommerce .product table.shop_attributes td { font-style: normal; }
.woocommerce .product table tbody>tr:nth-child(odd)>td, .woocommerce .product table tbody>tr:nth-child(odd)>th { background-color: transparent; }
.woocommerce .product table.shop_attributes tr:nth-child(even) td, .woocommerce .product table.shop_attributes tr:nth-child(even) th { background-color: transparent; }

.carousel-main { background: #fff; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; }
.carousel-main .slide-inner {  }
.carousel-main .slide-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.carousel-cell { width: 100%; height: 350px; border-radius: 5px; overflow: hidden; }
.carousel-nav .carousel-cell { height: 100px; width: 100px; padding: 10px; background: #fff; margin-right: 15px; border: 1px solid #ccc; }
.carousel-nav .carousel-cell.is-nav-selected { border: 1px solid #111111; }
.carousel-nav .carousel-cell .slide-inner { width :100%; height: 100%; position: relative; }
.carousel-nav .carousel-cell .slide-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.pre-order-label { position: absolute; top: 30px; left: 0; background: #41a219; color: #fff; padding: 5px 10px; font-size: 13px; font-weight: 700; border-radius: 0 3px 3px 0; z-index: 998; }

.custom-usp { list-style: none; padding: 0; margin: 0; }
.custom-usp .swiper-slide .item { display: flex; align-items: center; color: var( --e-global-color-primary ); font-size: 14px; }
.custom-usp .swiper-slide .item svg { fill: #5CA036; width: 100%; height: 100%; object-fit: contain; }
.custom-usp .swiper-slide .elementor-icon-list-icon { width: 16px; height: 16px; display: block; margin-right: 7px; }

.header-review .header-review__stars { display: flex; align-items: center; justify-content: flex-end; }
.header-review .header-review__stars .stars-items { position: relative; font-size: 18px; }
.header-review .header-review__stars .stars-items .review-stars { position: absolute; top: 0; left: 0; right: 0; color: #9ca3af;   }
.header-review .header-review__stars .stars-items .review-stars div { overflow: hidden; color: #f9cb38; }
.header-review .header-review__stars .review-score { margin-left: 10px;color: #000; font-weight:600; }
.header-review .header-review__stars .review-score .semibold {  }
.header-review .header-review__info { font-size: 12px; text-align: right; margin-top: -5px; }

.swiper-wrapper { gap: 16px; }
.swiper-slide, swiper-slide { width: auto !important; display: table !important; }

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0;
}

.woocommerce-checkout-review-order-table .product-name { max-width: 240px; }

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { padding: 20px; }

.woocommerce-terms-and-conditions-wrapper { font-size: 14px; }
.woocommerce form .form-row .woocommerce-terms-and-conditions-wrapper .input-checkbox { display: none; }

.woocommerce form .form-row .woocommerce-terms-and-conditions-wrapper { margin-top: 14px; }
.woocommerce form .form-row .woocommerce-terms-and-conditions-wrapper label { line-height: 20px; }

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: var( --e-global-color-accent ) !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: var( --e-global-color-accent ) !important;
}


@media (max-width: 1200px) {

    .swiper-wrapper { gap: 0; }
    .swiper-slide, swiper-slide { width: 100% !important; display: block !important; }

}

@media (max-width: 768px) {

    .custom-usp .swiper-slide .item { justify-content: center; }

}

/* Category */
.woocommerce ul.products li.product { padding-bottom: 90px !important; }
.woocommerce ul.products li.product a img { height: 240px; object-fit: contain; border-radius: 6px; }
.woocommerce ul.products li.product .price { position: absolute; left: 12px; bottom: 44px;}
.woocommerce ul.products li.product .price ins { font-weight: 500; }
.woocommerce ul.products li.product .price del { opacity: 1; }
.woocommerce ul.products li.product .button { width: calc(100% - 24px); text-align: center; position: absolute; bottom: 12px; left: 12px; }
.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link { position: initial !important; }

/* Elementor */
.elementor-menu-cart__subtotal strong { font-weight: 500; }


.woocommerce-shipping-estimate-html { display: none; }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 4px 10px; font-size: 14px; width: 150px; }
/* Woocommerce */

.button.wc-forward { display: none; }

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; width: 100%; font-size: 20px; }

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #5CA036;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #427525;
}

:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart, :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart:not(.grouped_form):not(.variations_form) {
    flex-wrap: wrap;
}

.wc-pao-addons-container { width: 100%; }

.wc-pao-addon { padding: 0; }
.wc-pao-addon label.wc-pao-addon-name { margin-bottom: 15px; font-weight: 600; }
.woocommerce form .wc-pao-addon .form-row { padding: 0; margin: 0 0 20px 0; }

div.product-addon-totals { margin: 0 0 20px 0; padding: 0; border: 0; }
div.product-addon-totals ul li { display: none; }
div.product-addon-totals ul li.wc-pao-subtotal-line { display: block; }
div.product-addon-totals .wc-pao-subtotal-line { border-top: 0; padding: 0; margin: 0; }

.wc-pao-subtotal-line .price .amount { color: var( --e-global-color-secondary ); font-size: 26px; font-weight: 500; }

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    float: left; margin-left: 0; margin-right: 0.6em;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 0.5em 0 0;
}

#ship-to-different-address { font-size: 16px; font-weight: 500; }
#ship-to-different-address-checkbox { margin-right: 6px; }

.discount-block { background: #E8F8E8; color: #3aaa35; padding: 6px 15px; border-radius: 3px; display: table; }
.discount-block span { font-weight: 600; }

.in3 { font-size: 14px; display: flex; width: max-content; align-items: center; margin-bottom: 20px; position: relative; }
.in3 .in3__icon { max-width: 53px; height: 24px; margin-right: 14px; }
.in3 .in3__icon img { width: 100%; height: 100%; object-fit: contain; }
.in3 .in3__text p { margin-bottom: 0; }
.in3 .in3__text p span { font-weight: 600; }
.in3 .in3__tooltip { position: absolute; top: calc(50% + 4px); right: -2rem; transform: translate(0, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); z-index: 1; }
.in3 .in3__tooltip .tooltip__icon { cursor: pointer; }
.in3 .in3__tooltip .tooltip__icon svg path { fill: #B4AFAC; color: #B4AFAC; }
.in3 .in3__tooltip .tooltip__text { display: none; width: max-content; background: #fff; position: absolute; border: 1px #ccc solid; max-width: 20rem; padding: 20px; right: 0; top: calc(100% + 0.5rem); z-index: 1; }
.in3 .in3__tooltip .tooltip__text p { margin-bottom: 0; }
.in3 .in3__tooltip:hover .tooltip__text { display: block; }

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { margin-left: 10px; }

.action-label { max-width: 450px; border: 1px solid var( --e-global-color-secondary ); display: flex; padding-right: 15px; border-radius: 6px; background: white; margin-bottom: 20px; overflow: hidden; }
.action-label.home-banner { background: url('https://tuinmeubelwinkel.nl/wp-content/uploads/2026/04/Gemini_Generated_Image_w1jp7dw1jp7dw1jp.jpg') center no-repeat; padding-right: 0; max-width: 100%; margin-bottom: 0; }
.action-label-color { color: var( --e-global-color-secondary ); font-weight:600; }
.action-label._2 { padding-right:0; }
.action-label._2 .action-label-title { margin-right:0; }
.action-label-title {  background-color: var( --e-global-color-secondary ); color: white; margin-right: 15px; font-weight: 500; display: flex; align-items: center; letter-spacing:1px; }
.action-label.home-banner .action-label-title { margin: 0; font-size: 14px; font-weight: 700; padding-left: 15px; padding-right: 15px; }
.action-label.home-banner .action-label-title span { margin: 0 5px; font-size: 20px; font-weight: 700; }
.action-label-text { display:flex; align-items: center; font-size: 14px; }
.action-label.home-banner .action-label-text { color: #fff; flex-grow: 1; padding: 0 15px; }
.action-label.home-banner .action-label-text .countDown { margin-left: auto; }
.action-label.home-banner .action-label-text span { font-size: 19px; }
.action-label-text span { padding: 5px; }
.action-label-text { 0; }
.action-label-title { font-size: 18px; padding: 5px 8px; margin-right: 5px; font-weight: 700; }
.action-label #counter {  }
.action-label #counter span { color: #000000; font-size: 13px; padding: 0; }
.action-label #counter .counter-block > span { line-height: 13px; }
.action-label #counter .divider { color: #000000; font-size: 26px; padding: 0 2px; margin-bottom: 18px; }
.action-label #counter .clock { margin-bottom: 0; }
.action-label #counter .clock span { border: 0; padding: 0; font-size: 24px; line-height: 24px; }
.action-label #counter .clock span.firstSpan { margin-right: 3px; }

#counter { display: flex; align-items: center; }
#counter span { color: #ffffff; }
#counter .clock { display: flex; flex: 1; margin-bottom: 10px; }
#counter .clock span { font-variant-numeric: tabular-nums; color: #000000; background-color: #ffffff; padding: 20px 9px;font-weight: bold; font-size: 42px; }
#counter .clock span.firstSpan { margin-right: 10px; }
#counter .counter-block { text-align: center; }
#counter .divider { color: #ffffff; font-size: 36px; padding: 0 10px; margin-bottom: 27px;}

.home-banner #counter .clock span { background: transparent; color: #fff; }
.action-label.home-banner #counter span { color: #fff; }
.action-label.home-banner #counter .divider { color: #fff; }

.product-levertijd { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.product-levertijd span { display: flex; width: 20px; height: 20px; align-items: center; }
.product-levertijd span svg { width: 100%; height: 100%; object-fit: contain; }

.zieny .button { font-size: 14px; cursor: pointer; padding:8px 16px; justify-content: center; align-items: center; border-radius: 5px; font-weight: 500; text-align: center; background: #274F35; color: #fff; }
.zieny .button span { width: 18px; height: 18px; display: inline-block; margin-right: 10px; }
.zieny .button span svg { width: 100%; height: 100%; object-fit: contain; }
.zieny .button span svg path { fill: #fff; }
.woocommerce-product-gallery .zieny { position: absolute; bottom: 120px; right: 5px; }

@media screen and (max-width: 1100px) {

    .action-label.home-banner .action-label-text span { font-size: 16px;  }

}
@media screen and (max-width: 767px) {

    .action-label.home-banner .action-label-text span { padding-top: 5px; padding-bottom: 5px; font-size: 14px; margin-right: 15px;  }
    .action-label.home-banner .action-label-text .countDown span { margin-right: 0;  }

}

@media screen and (max-width: 767px) {
    .show-sale-banner {
        margin-top:10px;
    }

    .action-label-text { padding: 4px; }

    .action-label-title {
        margin-right: 0px;
    }

    .action-label #counter .divider {
        margin-bottom: 23px;
    }

    .action-label #counter .divider {
        font-size: 18px;
        line-height: 20px;
    }

    .action-label #counter .clock span {
        padding: 0;
        font-size: 18px;
        line-height: 20px;
    }

    .prijs-wrapper .action-label-text {
        padding: 5px 8px;
    }
    .action-label-text span { padding-top: 0; padding-bottom: 0; }

    .action-label #counter { margin-right: 5px; }
    .action-label #counter span { font-size: 11px; }
}

@media(max-width: 767px){

    .action-label{
        border: 1px solid #fb8402;
        padding-right: 0px;
        border-radius: 5px;
        display:flex;
        align-items:center;
        text-align: center;
        flex-direction: column;
        margin-top:0;
    }

    .action-label.opruiming {
        border: 1px solid #991917;
    }
    .action-label-title {
        padding: 5px 5px;
        color: white;
        font-weight: 500;

        width: 100%;
        margin-right: 0;
        justify-content: center;
    }
}

#gform_wrapper_3[data-form-index="0"].gform-theme, [data-parent-form="3_0"] {
    --gf-color-primary: #3aaa35 !important;
    --gf-color-primary-darker: #2b8c26 !important;
}

@media (max-width: 768px) {

    .woocommerce ul.products li.product {
        padding-bottom: 110px !important;
    }
    .woocommerce ul.products li.product .price ins { line-height: 22px; display: block; margin-left: 0; }

}

@media (max-width: 520px) {

    .woocommerce div.product p.price { width: 100%; }

    .discount-block { margin-top: -10px; margin-bottom: 10px }

}

@media (max-width: 410px) {

    .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(1, 1fr);
    }

    .elementor-grid-4 .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .woocommerce ul.products li.product {
        padding-bottom: 90px !important;
    }
    .woocommerce ul.products li.product .price ins { display: inline-block; margin-left: 10px; }

}