.elementor-21452 .elementor-element.elementor-element-993fd77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-21452 .elementor-element.elementor-element-40013dc > .elementor-widget-container{background-color:var( --e-global-color-0c55a66 );padding:5px 10px 5px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2daa5ac );border-radius:25px 25px 25px 25px;}.elementor-21452 .elementor-element.elementor-element-40013dc.elementor-element{--align-self:flex-start;}.elementor-21452 .elementor-element.elementor-element-40013dc{font-family:"Lato", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-369ea05 );}.elementor-21452 .elementor-element.elementor-element-40013dc a{color:var( --e-global-color-d946375 );}.elementor-21452 .elementor-element.elementor-element-40013dc a:hover{color:var( --e-global-color-d946375 );}.elementor-21452 .elementor-element.elementor-element-cb4de9a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-21452 .elementor-element.elementor-element-fb3f6dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-2daa5ac );--border-color:var( --e-global-color-2daa5ac );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21452 .elementor-element.elementor-element-89769c4 > .elementor-widget-container{background-color:var( --e-global-color-0c55a66 );padding:20px 20px 20px 20px;border-radius:25px 25px 25px 25px;}.elementor-21452 .elementor-element.elementor-element-89769c4 img{border-radius:25px 25px 25px 25px;}.elementor-21452 .elementor-element.elementor-element-1d46e58 > .elementor-widget-container{background-color:var( --e-global-color-0c55a66 );padding:15px 15px 15px 15px;}.elementor-21452 .elementor-element.elementor-element-1d46e58 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-21452 .elementor-element.elementor-element-61a1c75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-21452 .elementor-element.elementor-element-61a1c75:not(.elementor-motion-effects-element-type-background), .elementor-21452 .elementor-element.elementor-element-61a1c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-828e357 );background-image:url("https://hoekschebranders.nl/wp-content/uploads/2026/05/Strepen-patroon-horizontaal.png");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-21452 .elementor-element.elementor-element-9bb4e10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21452 .elementor-element.elementor-element-86752e1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21452 .elementor-element.elementor-element-30b3e7c .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:600;letter-spacing:2.1px;}.elementor-21452 .elementor-element.elementor-element-2d7039e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21452 .elementor-element.elementor-element-a9f2200{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21452 .elementor-element.elementor-element-f06feef .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-21452 .elementor-element.elementor-element-50d78b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21452 .elementor-element.elementor-element-f19945c .elementor-button{background-color:var( --e-global-color-2daa5ac );font-family:"Lato", Sans-serif;font-weight:700;fill:var( --e-global-color-369ea05 );color:var( --e-global-color-369ea05 );border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-21452 .elementor-element.elementor-element-89483b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-2daa5ac );--border-color:var( --e-global-color-2daa5ac );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-21452 .elementor-element.elementor-element-4212a75 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21452 .elementor-element.elementor-element-4212a75 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-d946375 );}.elementor-21452 .elementor-element.elementor-element-fe47e7c > .elementor-widget-container{margin:0px 0px 01px 0px;}.elementor-21452 .elementor-element.elementor-element-fe47e7c .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:24px;font-weight:700;color:var( --e-global-color-369ea05 );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-21452 .elementor-element.elementor-element-fad16de .price{color:var( --e-global-color-369ea05 );font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21452 .elementor-element.elementor-element-1a29ed3{font-family:"Lato", Sans-serif;font-size:14px;font-weight:500;}.elementor-21452 .elementor-element.elementor-element-3ecac72{--display:flex;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21452 .elementor-element.elementor-element-cdb5ddc .cart button, .elementor-21452 .elementor-element.elementor-element-cdb5ddc .cart .button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;background-color:var( --e-global-color-d946375 );transition:all 0.2s;}.elementor-21452 .elementor-element.elementor-element-cdb5ddc .cart button:hover, .elementor-21452 .elementor-element.elementor-element-cdb5ddc .cart .button:hover{color:var( --e-global-color-369ea05 );background-color:var( --e-global-color-90eea3a );border-color:var( --e-global-color-d946375 );}.elementor-21452 .elementor-element.elementor-element-cdb5ddc .added_to_cart{color:var( --e-global-color-d946375 );font-family:"Lato", Sans-serif;font-weight:500;}.elementor-21452 .elementor-element.elementor-element-cdb5ddc .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart .variations{width:100%;margin-bottom:10px;}.woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart table.variations tr th, .woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart table.variations tr td{padding-top:calc( 10px/2 );padding-bottom:calc( 10px/2 );}.woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart table.variations label{color:var( --e-global-color-369ea05 );font-family:"Lato", Sans-serif;font-size:14px;}.woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart table.variations td.value select, .woocommerce .elementor-21452 .elementor-element.elementor-element-cdb5ddc form.cart table.variations td.value:before{background-color:#F3E7D4;border:1px solid #E4C495;border-radius:0px;}.elementor-21452 .elementor-element.elementor-element-6204171{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21452 .elementor-element.elementor-element-32faef3 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2daa5ac );border-radius:25px 25px 25px 25px;}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs ul.wc-tabs li a{color:var( --e-global-color-369ea05 );font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs ul.wc-tabs li{background-color:#FFFFFF;border-radius:25px 25px 0 0;}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs ul.wc-tabs li.active a{color:var( --e-global-color-369ea05 );}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs .woocommerce-Tabs-panel{font-family:"Lato", Sans-serif;font-size:14px;border-width:0px 0px 0px 0px;margin-top:-0px;border-radius:0px 0px 0px 0px;}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs .woocommerce-Tabs-panel h2{font-family:"Lato", Sans-serif;}.woocommerce .elementor-21452 .elementor-element.elementor-element-32faef3 .woocommerce-tabs ul.wc-tabs{margin-left:0px;margin-right:0px;}.elementor-21452 .elementor-element.elementor-element-c774edd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21452 .elementor-element.elementor-element-190c20f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-828e357 );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-21452 .elementor-element.elementor-element-11db181{--grid-columns:3;}.elementor-21452 .elementor-element.elementor-element-11db181 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-21452 .elementor-element.elementor-element-11db181 .e-loop-item > .elementor-section, .elementor-21452 .elementor-element.elementor-element-11db181 .e-loop-item > .elementor-section > .elementor-container, .elementor-21452 .elementor-element.elementor-element-11db181 .e-loop-item > .e-con, .elementor-21452 .elementor-element.elementor-element-11db181 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-21452 .elementor-element.elementor-element-30b3e7c .elementor-heading-title{font-size:14px;}.elementor-21452 .elementor-element.elementor-element-2d7039e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-21452 .elementor-element.elementor-element-f06feef .elementor-heading-title{font-size:14px;}.elementor-21452 .elementor-element.elementor-element-50d78b2{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21452 .elementor-element.elementor-element-f19945c .elementor-button{font-size:14px;}.elementor-21452 .elementor-element.elementor-element-89483b5{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-21452 .elementor-element.elementor-element-3ecac72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-21452 .elementor-element.elementor-element-11db181{--grid-columns:3;}}@media(max-width:767px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-21452 .elementor-element.elementor-element-cb4de9a{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-21452 .elementor-element.elementor-element-fb3f6dc{--width:100%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-21452 .elementor-element.elementor-element-89769c4 > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-21452 .elementor-element.elementor-element-1d46e58 > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-21452 .elementor-element.elementor-element-3ecac72{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-21452 .elementor-element.elementor-element-11db181{--grid-columns:1;}}@media(min-width:768px){.elementor-21452 .elementor-element.elementor-element-fb3f6dc{--width:50%;}.elementor-21452 .elementor-element.elementor-element-2d7039e{--width:100%;}.elementor-21452 .elementor-element.elementor-element-a9f2200{--width:70%;}.elementor-21452 .elementor-element.elementor-element-50d78b2{--width:30%;}.elementor-21452 .elementor-element.elementor-element-89483b5{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-21452 .elementor-element.elementor-element-fb3f6dc{--width:50%;}.elementor-21452 .elementor-element.elementor-element-50d78b2{--width:100%;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-cdb5ddc *//* =========================================================
   Hoeksche Branders - Product koopblok
   WooCommerce + Elementor + WooCommerce Variation Swatches
   Container class: hb-product-cart
   ========================================================= */

.hb-product-cart {
    --hb-color-button-primary: #ffffff;
    --hb-color-button-border-primary: #F3E7D4;
    --hb-color-button-text-primary: #050505;
    --hb-color-button-secundary: #FAF7F0;
    --hb-color-button-border-secondary: #E4C495;
    --hb-color-button-primary-active: #9B5A3F;
    --hb-color-button-primary-active-text: #ffffff;

    --hb-color-panel-bg: #FAF7F0;
    --hb-color-muted: #8a7b70;

    --hb-radius-large: 25px;
    --hb-shadow-soft: 0 10px 30px rgba(155, 90, 63, 0.08);
    --hb-shadow-active: 0 8px 18px rgba(155, 90, 63, 0.18);
}

/* Formulier */
.hb-product-cart form.cart,
.hb-product-cart form.variations_form {
    width: 100%;
}

.hb-product-cart form.variations_form {
    background: var(--hb-color-panel-bg);
    border: 1px solid var(--hb-color-button-border-primary);
    border-radius: var(--hb-radius-large);
    padding: 22px;
    box-shadow: var(--hb-shadow-soft);
}

/* Variatietabel */
.hb-product-cart table.variations {
    width: 100%;
    margin: 0 0 18px;
    border: 0;
}

.hb-product-cart table.variations tbody,
.hb-product-cart table.variations tr,
.hb-product-cart table.variations th,
.hb-product-cart table.variations td {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
}

.hb-product-cart table.variations tr {
    margin-bottom: 18px;
}

.hb-product-cart table.variations label {
    display: block;
    margin-bottom: 8px;
    color: var(--hb-color-button-text-primary);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

/* Algemene button/swatch basis */
.hb-product-cart .variable-items-wrapper .variable-item,
.hb-product-cart .hb-ucs-subscriptions__mode-swatch {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: var(--hb-color-button-primary) !important;
    border: 1px solid var(--hb-color-button-border-primary) !important;
    border-radius: var(--hb-radius-large) !important;

    color: var(--hb-color-button-text-primary) !important;
    box-shadow: none !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Swatch wrappers */
.hb-product-cart .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Tekst in product-swatches */
.hb-product-cart .variable-items-wrapper .variable-item .variable-item-span {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Plugin pseudo-effecten uitschakelen */
.hb-product-cart .variable-items-wrapper .variable-item::before,
.hb-product-cart .variable-items-wrapper .variable-item::after {
    box-shadow: none !important;
}

/* Hover alleen voor niet-actieve product-swatches */
.hb-product-cart .variable-items-wrapper .variable-item:not(.selected):not([aria-checked="true"]):hover {
    background: var(--hb-color-button-secundary) !important;
    border-color: var(--hb-color-button-border-secondary) !important;
    color: var(--hb-color-button-text-primary) !important;
    transform: translateY(-1px);
}

/* Hover alleen voor niet-actieve aankooptype-swatches */
.hb-product-cart .hb-ucs-subscriptions__mode-swatch:not([aria-checked="true"]):hover {
    background: var(--hb-color-button-secundary) !important;
    border-color: var(--hb-color-button-border-secondary) !important;
    color: var(--hb-color-button-text-primary) !important;
    transform: translateY(-1px);
}

/* Selected product-swatches */
.hb-product-cart .variable-items-wrapper .variable-item.selected,
.hb-product-cart .variable-items-wrapper .variable-item[aria-checked="true"] {
    background: var(--hb-color-button-primary-active) !important;
    border-color: var(--hb-color-button-primary-active) !important;
    color: var(--hb-color-button-primary-active-text) !important;
    box-shadow: var(--hb-shadow-active) !important;
    transform: none !important;
}

/* Selected aankooptype-swatches */
.hb-product-cart .hb-ucs-subscriptions__mode-swatch[aria-checked="true"] {
    background: var(--hb-color-button-primary-active) !important;
    border-color: var(--hb-color-button-primary-active) !important;
    color: var(--hb-color-button-primary-active-text) !important;
    box-shadow: var(--hb-shadow-active) !important;
    transform: none !important;
}

/* Selected + hover blijft exact hetzelfde */
.hb-product-cart .variable-items-wrapper .variable-item.selected:hover,
.hb-product-cart .variable-items-wrapper .variable-item[aria-checked="true"]:hover,
.hb-product-cart .hb-ucs-subscriptions__mode-swatch[aria-checked="true"]:hover {
    background: var(--hb-color-button-primary-active) !important;
    border-color: var(--hb-color-button-primary-active) !important;
    color: var(--hb-color-button-primary-active-text) !important;
    box-shadow: var(--hb-shadow-active) !important;
    transform: none !important;
}

/* Disabled */
.hb-product-cart .variable-items-wrapper .variable-item.disabled,
.hb-product-cart .variable-items-wrapper .variable-item.out-of-stock {
    opacity: 0.35 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Select/dropdown, bijvoorbeeld maling en abonnementsfrequentie */
.hb-product-cart table.variations select,
.hb-product-cart select.hb-ucs-subscriptions__frequency-select {
    width: 100%;
    min-height: 44px;

    background: var(--hb-color-button-primary) !important;
    border: 1px solid var(--hb-color-button-border-primary) !important;
    border-radius: var(--hb-radius-large) !important;
    padding: 0 36px 0 14px !important;

    color: var(--hb-color-button-text-primary) !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    outline: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.hb-product-cart table.variations select:hover,
.hb-product-cart table.variations select:focus,
.hb-product-cart select.hb-ucs-subscriptions__frequency-select:hover,
.hb-product-cart select.hb-ucs-subscriptions__frequency-select:focus {
    background: var(--hb-color-button-primary) !important;
    border-color: var(--hb-color-button-border-secondary) !important;
    color: var(--hb-color-button-text-primary) !important;
}

/* Reset variaties */
.hb-product-cart .reset_variations {
    display: inline-flex !important;
    margin-top: 10px !important;
    color: var(--hb-color-muted) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Prijs / voorraad */
.hb-product-cart .single_variation_wrap {
    margin-top: 18px;
}

.hb-product-cart .woocommerce-variation-price {
    margin-bottom: 12px;
}

.hb-product-cart .woocommerce-variation-price .price,
.hb-product-cart .woocommerce-variation-price .amount {
    color: var(--hb-color-button-text-primary) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2;
}

.hb-product-cart .woocommerce-variation-availability .stock {
    margin: 0 0 12px;
    color: var(--hb-color-button-primary-active) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Aantalveld */
.hb-product-cart .quantity {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    vertical-align: middle;
}

.hb-product-cart .quantity input.qty {
    width: 76px;
    height: 50px;

    background: var(--hb-color-button-primary);
    border: 1px solid var(--hb-color-button-border-primary);
    border-radius: var(--hb-radius-large);
    padding: 0 10px;

    color: var(--hb-color-button-text-primary);
    font-size: 16px;
    font-weight: 700;
    text-align: center;

    outline: none;
}

/* Bestelknop */
.hb-product-cart button.single_add_to_cart_button,
.hb-product-cart .single_add_to_cart_button.button,
.hb-product-cart form.cart .button {
    min-height: 50px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: var(--hb-color-button-primary-active) !important;
    border: 1px solid var(--hb-color-button-primary-active) !important;
    border-radius: var(--hb-radius-large) !important;
    padding: 14px 24px !important;

    color: var(--hb-color-button-primary-active-text) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;

    box-shadow: var(--hb-shadow-active) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.hb-product-cart button.single_add_to_cart_button:hover,
.hb-product-cart .single_add_to_cart_button.button:hover,
.hb-product-cart form.cart .button:hover {
    background: var(--hb-color-button-secundary) !important;
    border-color: var(--hb-color-button-border-secondary) !important;
    color: var(--hb-color-button-text-primary) !important;
}

.hb-product-cart button.single_add_to_cart_button.disabled,
.hb-product-cart button.single_add_to_cart_button:disabled {
    opacity: 0.45 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Mobiel */
@media (max-width: 767px) {
    .hb-product-cart form.variations_form {
        padding: 16px;
    }

    .hb-product-cart .variable-items-wrapper {
        gap: 8px !important;
    }

    .hb-product-cart .variable-items-wrapper .variable-item,
    .hb-product-cart .hb-ucs-subscriptions__mode-swatch {
        min-height: 40px !important;
        padding: 8px 13px !important;
    }

    .hb-product-cart .variable-items-wrapper .variable-item .variable-item-span {
        font-size: 13px !important;
    }

    .hb-product-cart .quantity {
        width: 100%;
        margin-right: 0;
    }

    .hb-product-cart .quantity input.qty,
    .hb-product-cart button.single_add_to_cart_button,
    .hb-product-cart .single_add_to_cart_button.button,
    .hb-product-cart form.cart .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-32faef3 */.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: #9B5A3F!important;
    border-color: #9B5A3F!important;
    color: #FAF7F0 !important;
    box-shadow: 0 8px 18px rgba(155, 90, 63, 0.18)!important;
    border-radius: 25px!important;
}
/* Tab content paneel */
.woocommerce div.product .woocommerce-tabs .panel {
    margin: -1px 0 0 !important;
    padding: 34px 36px;

    background: #FAF7F0;
    border: 1px solid rgba(228, 196, 149, 0.65);
    border-radius: 0 28px 28px 28px;

    color: #23231F;
    box-shadow: 0 14px 36px rgba(35, 35, 31, 0.06);
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   Hoeksche Branders - Sticky mobiele bestelmodule
   Alleen mobiel actief
   Container class: hb-product-cart hb-mobile-buybar
   ========================================================= */

.hb-mobile-buybar {
    --hb-color-button-primary: #ffffff;
    --hb-color-button-border-primary: #F3E7D4;
    --hb-color-button-text-primary: #050505;
    --hb-color-button-secundary: #FAF7F0;
    --hb-color-button-border-secondary: #E4C495;
    --hb-color-button-primary-active: #9B5A3F;
    --hb-color-button-primary-active-text: #ffffff;

    --hb-radius-large: 25px;

    --hb-color-sticky-bg: #FAF7F0;
    --hb-color-sticky-text: #050505;
    --hb-color-sticky-muted: #F3E7D4;
    --hb-color-sticky-border: #F3E7D4;

    --hb-sticky-side-space: 12px;
    --hb-sticky-bottom-space: 0px;
    --hb-sticky-page-space: 360px;

    --hb-shadow-sticky: 0 -12px 40px rgba(0, 0, 0, 0.28);
}


/* Desktop en tablet: normale Elementor layout behouden */
@media (min-width: 768px) {
    .hb-mobile-buybar {
        position: static !important;
        inset: auto !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        box-shadow: none;
    }
}


/* Alleen mobiel */
@media (max-width: 767px) {

    /* Ruimte onderaan de pagina, zodat content niet achter de koopbalk verdwijnt */
    body.single-product {
        padding-bottom: calc(var(--hb-sticky-page-space) + env(safe-area-inset-bottom, 0px)) !important;
    }

    .hb-mobile-buybar {
        position: fixed !important;
        left: var(--hb-sticky-side-space) !important;
        right: var(--hb-sticky-side-space) !important;
        bottom: var(--hb-sticky-bottom-space) !important;
        z-index: 9998 !important;

        width: auto !important;
        max-width: none !important;

        background: var(--hb-color-sticky-bg) !important;
        color: var(--hb-color-sticky-text) !important;

        border: 1px solid var(--hb-color-sticky-border) !important;
        border-bottom: 0 !important;
        border-radius: var(--hb-radius-large) var(--hb-radius-large) 0 0 !important;

        padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;

        box-shadow: var(--hb-shadow-sticky) !important;

        max-height: min(430px, calc(100dvh - 72px)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;

        transform: translateZ(0);
        backface-visibility: hidden;
        will-change: transform;
    }

    /* Elementor / WooCommerce formulier in sticky container compact maken */
    .hb-mobile-buybar form.cart,
    .hb-mobile-buybar form.variations_form {
        width: 100% !important;
        margin: 0 !important;
    }

    .hb-mobile-buybar form.variations_form {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    /* Variatietabel compact */
    .hb-mobile-buybar table.variations {
        margin: 0 0 10px 0 !important;
    }

    .hb-mobile-buybar table.variations tr {
        margin-bottom: 10px !important;
    }

    .hb-mobile-buybar table.variations tr:last-child {
        margin-bottom: 0 !important;
    }

    .hb-mobile-buybar table.variations label {
        color: var(--hb-color-sticky-muted) !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        margin-bottom: 6px !important;
    }

    /* Swatches in sticky balk */
    .hb-mobile-buybar .variable-items-wrapper {
        gap: 7px !important;
        margin-top: 6px !important;
    }

    .hb-mobile-buybar .variable-items-wrapper .variable-item {
        min-height: 34px !important;
        padding: 7px 12px !important;

        background: var(--hb-color-button-primary) !important;
        border: 1px solid var(--hb-color-button-border-primary) !important;
        border-radius: var(--hb-radius-large) !important;

        color: var(--hb-color-button-text-primary) !important;
        box-shadow: none !important;
    }

    .hb-mobile-buybar .variable-items-wrapper .variable-item .variable-item-span {
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }

    .hb-mobile-buybar .variable-items-wrapper .variable-item:hover {
        background: var(--hb-color-button-secundary) !important;
        border-color: var(--hb-color-button-border-secondary) !important;
        transform: none !important;
    }

    .hb-mobile-buybar .variable-items-wrapper .variable-item.selected,
    .hb-mobile-buybar .variable-items-wrapper .variable-item[aria-checked="true"] {
        background: var(--hb-color-button-primary-active) !important;
        border-color: var(--hb-color-button-primary-active) !important;
        color: var(--hb-color-button-primary-active-text) !important;
        box-shadow: none !important;
    }

    .hb-mobile-buybar .variable-items-wrapper .variable-item.selected .variable-item-span,
    .hb-mobile-buybar .variable-items-wrapper .variable-item[aria-checked="true"] .variable-item-span {
        color: var(--hb-color-button-primary-active-text) !important;
    }

    /* Kleur-swatches mobiel */
    .hb-mobile-buybar .variable-items-wrapper .color-variable-item {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 3px !important;
    }

    /* Afbeelding-swatches mobiel */
    .hb-mobile-buybar .variable-items-wrapper .image-variable-item {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 3px !important;
    }

    /* Geselecteerde variatie / prijs */
    .hb-mobile-buybar .single_variation_wrap {
        margin-top: 10px !important;
    }

    .hb-mobile-buybar .woocommerce-variation {
        margin-bottom: 8px !important;
    }

    .hb-mobile-buybar .woocommerce-variation-price {
        margin-bottom: 8px !important;
    }

    .hb-mobile-buybar .woocommerce-variation-price .price,
    .hb-mobile-buybar .woocommerce-variation-price .amount {
        color: var(--hb-color-sticky-text) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }

    .hb-mobile-buybar .woocommerce-variation-availability .stock {
        color: var(--hb-color-sticky-muted) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        margin: 0 0 8px 0 !important;
    }

    .hb-mobile-buybar .woocommerce-variation-description {
        display: none !important;
    }

    /* Reset variaties compact */
    .hb-mobile-buybar .reset_variations {
        color: var(--hb-color-sticky-muted) !important;
        font-size: 11px !important;
        margin-top: 6px !important;
        opacity: 0.8;
    }

    /* Aantal + bestelknop naast elkaar */
    .hb-mobile-buybar .woocommerce-variation-add-to-cart,
    .hb-mobile-buybar form.cart:not(.variations_form) {
        display: grid !important;
        grid-template-columns: 70px 1fr;
        gap: 10px;
        align-items: stretch;
        width: 100%;
        margin-top: 8px !important;
    }

    .hb-mobile-buybar .quantity {
        width: 70px !important;
        margin: 0 !important;
    }

    .hb-mobile-buybar .quantity input.qty {
        width: 70px !important;
        height: 46px !important;

        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid var(--hb-color-sticky-border) !important;
        border-radius: var(--hb-radius-large) !important;

        color: var(--hb-color-sticky-text) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .hb-mobile-buybar button.single_add_to_cart_button,
    .hb-mobile-buybar .single_add_to_cart_button.button,
    .hb-mobile-buybar form.cart .button {
        width: 100% !important;
        min-height: 46px !important;

        background: var(--hb-color-button-primary-active) !important;
        border: 1px solid var(--hb-color-button-primary-active) !important;
        border-radius: var(--hb-radius-large) !important;

        color: var(--hb-color-button-primary-active-text) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;

        padding: 12px 18px !important;
        box-shadow: none !important;
    }

    .hb-mobile-buybar button.single_add_to_cart_button:hover,
    .hb-mobile-buybar .single_add_to_cart_button.button:hover,
    .hb-mobile-buybar form.cart .button:hover {
        background: var(--hb-color-button-secundary) !important;
        border-color: var(--hb-color-button-border-secondary) !important;
        color: var(--hb-color-button-text-primary) !important;
        transform: none !important;
    }

    .hb-mobile-buybar button.single_add_to_cart_button.disabled,
    .hb-mobile-buybar button.single_add_to_cart_button:disabled,
    .hb-mobile-buybar .single_add_to_cart_button.button.disabled,
    .hb-mobile-buybar .single_add_to_cart_button.button:disabled {
        opacity: 0.45 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
}/* End custom CSS */